HEX Color #6DB6E2 (Lightskyblue)

About #6DB6E2

The hex code #6DB6E2 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Lightskyblue. Its digital footprint relies on 109 parts red, 182 parts green, and 226 parts blue light.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6DB6E2

RGB109, 182, 226

HSL202.6°, 66.9%, 65.7%

CMYK52%, 19%, 0%, 11%

HSV202.6°, 51.8%, 88.6%

LAB71.0, -10.7, -29.1

XYZ36.8, 42.2, 78.2

Decimal7190242

Color Harmonies

Complementary

#6DB6E2 #E2986D

Analogous

#6DE2D3 #6D7BE2

Triadic

#E26DB6 #B6E26D

Tetradic

#D36DE2 #E2986D #7BE26D

Tints, Shades & Tones

Tints (Adding White)

#6DB6E2

#7DBEE5

#8DC6E8

#9DCEEB

#ADD6EE

#BEDEF2

#CEE6F5

#DEEEF8

#EEF6FB

#FFFFFF

Shades (Adding Black)

#6DB6E2

#60A1C8

#548DAF

#487996

#3C657D

#305064

#243C4B

#182832

#0C1419

#000000

WCAG Contrast Accessibility

2.22:1

Text on #FFFFFF

FAIL

9.44:1

Text on #000000

AAA

2.13:1

Text on #F8FAFC

FAIL

8.02:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lightskyblue

#87CEFA