HEX Color #8AAFDB (Lightskyblue)

About #8AAFDB

Visually, #8AAFDB is defined as a moderate blue. If you're using CSS, you might find it aligns closely with Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 175, and 219.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 37% C, 20% M, 0% Y, and 14% K. The HSL representation is 212.6° hue, 52.9% saturation, and 70.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8AAFDB

RGB138, 175, 219

HSL212.6°, 52.9%, 70.0%

CMYK37%, 20%, 0%, 14%

HSV212.6°, 37.0%, 85.9%

LAB70.3, -1.7, -26.2

XYZ38.6, 41.2, 72.9

Decimal9088987

Color Harmonies

Complementary

#8AAFDB #DBB589

Analogous

#89D7DB #8D89DB

Triadic

#DB89AF #AFDB89

Tetradic

#DB89D7 #DBB589 #89DB8D

Tints, Shades & Tones

Tints (Adding White)

#8AAFDB

#97B7DF

#A4C0E3

#B1C9E7

#BED2EB

#CBDBEF

#D8E4F3

#E5EDF7

#F2F6FB

#FFFFFF

Shades (Adding Black)

#8AAFDB

#7A9BC2

#6B88AA

#5C7492

#4C6179

#3D4D61

#2E3A49

#1E2630

#0F1318

#000000

WCAG Contrast Accessibility

2.27:1

Text on #FFFFFF

FAIL

9.24:1

Text on #000000

AAA

2.17:1

Text on #F8FAFC

FAIL

7.85:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8AAFDB; }

.text-color { color: #8AAFDB; }

.border-color { border: 2px solid #8AAFDB; }

Similar Colors

Lightskyblue

#87CEFA