HEX Color #5FAFDB (Lightskyblue)

About #5FAFDB

The hex code #5FAFDB represents a beautifully specific shade of blue. Its closest recognized web color is Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 175, and 219.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 57% C, 20% M, 0% Y, and 14% K. The HSL representation is 201.3° hue, 63.3% saturation, and 61.6% 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#5FAFDB

RGB95, 175, 219

HSL201.3°, 63.3%, 61.6%

CMYK57%, 20%, 0%, 14%

HSV201.3°, 56.6%, 85.9%

LAB68.2, -12.0, -29.6

XYZ32.8, 38.2, 72.7

Decimal6270939

Color Harmonies

Complementary

#5FAFDB #DB8A5F

Analogous

#5FDBC9 #5F71DB

Triadic

#DB5FAF #AFDB5F

Tetradic

#C85FDB #DB8A5F #71DB5F

Tints, Shades & Tones

Tints (Adding White)

#5FAFDB

#70B7DF

#82C0E3

#94C9E7

#A6D2EB

#B7DBEF

#C9E4F3

#DBEDF7

#EDF6FB

#FFFFFF

Shades (Adding Black)

#5FAFDB

#549BC2

#4988AA

#3F7492

#346179

#2A4D61

#1F3A49

#152630

#0A1318

#000000

WCAG Contrast Accessibility

2.43:1

Text on #FFFFFF

FAIL

8.64:1

Text on #000000

AAA

2.32:1

Text on #F8FAFC

FAIL

7.35:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #5FAFDB; }

.text-color { color: #5FAFDB; }

.border-color { border: 2px solid #5FAFDB; }

Similar Colors

Lightskyblue

#87CEFA