HEX Color #6DAFDB (Lightskyblue)

About #6DAFDB

The hex code #6DAFDB 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 109, 175, and 219.

Translating this color to physical media requires the CMYK color model. The color uses 50% Cyan, 20% Magenta, 0% Yellow, and 14% Black. With a hue angle of 204.0 degrees, it sits comfortably in the blue spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6DAFDB

RGB109, 175, 219

HSL204.0°, 60.4%, 64.3%

CMYK50%, 20%, 0%, 14%

HSV204.0°, 50.2%, 85.9%

LAB68.8, -9.0, -28.7

XYZ34.4, 39.0, 72.7

Decimal7188443

Color Harmonies

Complementary

#6DAFDB #DB986C

Analogous

#6CDBD0 #6C77DB

Triadic

#DB6CAE #AEDB6C

Tetradic

#CF6CDB #DB986C #78DB6C

Tints, Shades & Tones

Tints (Adding White)

#6DAFDB

#7DB7DF

#8DC0E3

#9DC9E7

#ADD2EB

#BEDBEF

#CEE4F3

#DEEDF7

#EEF6FB

#FFFFFF

Shades (Adding Black)

#6DAFDB

#609BC2

#5488AA

#487492

#3C6179

#304D61

#243A49

#182630

#0C1318

#000000

WCAG Contrast Accessibility

2.38:1

Text on #FFFFFF

FAIL

8.81:1

Text on #000000

AAA

2.28:1

Text on #F8FAFC

FAIL

7.49:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #6DAFDB; }

.text-color { color: #6DAFDB; }

.border-color { border: 2px solid #6DAFDB; }

Similar Colors

Lightskyblue

#87CEFA