HEX Color #66BDF0 (Lightskyblue)

About #66BDF0

At its core, #66BDF0 is a light and vivid hue. It is closely associated with the named CSS color Lightskyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 189, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 57% Cyan, 21% Magenta, 0% Yellow, and 6% Black. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. 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#66BDF0

RGB102, 189, 240

HSL202.2°, 82.1%, 67.1%

CMYK57%, 21%, 0%, 6%

HSV202.2°, 57.5%, 94.1%

LAB73.2, -11.8, -33.3

XYZ39.4, 45.5, 89.1

Decimal6733296

Color Harmonies

Complementary

#66BDF0 #F09966

Analogous

#66F0DE #6678F0

Triadic

#F066BC #BDF066

Tetradic

#DE66F0 #F09966 #78F066

Tints, Shades & Tones

Tints (Adding White)

#66BDF0

#77C4F1

#88CBF3

#99D3F5

#AADAF6

#BBE1F8

#CCE9FA

#DDF0FB

#EEF7FD

#FFFFFF

Shades (Adding Black)

#66BDF0

#5AA8D5

#4F93BA

#447EA0

#386985

#2D546A

#223F50

#162A35

#0B151A

#000000

WCAG Contrast Accessibility

2.08:1

Text on #FFFFFF

FAIL

10.10:1

Text on #000000

AAA

1.99:1

Text on #F8FAFC

FAIL

8.59:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #66BDF0; }

.text-color { color: #66BDF0; }

.border-color { border: 2px solid #66BDF0; }

Similar Colors

Lightskyblue

#87CEFA