HEX Color #66A8D3 (Lightskyblue)

About #66A8D3

The hex code #66A8D3 represents a beautifully specific shade of 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 102, 168, and 211.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 52% cyan and 20% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#66A8D3

RGB102, 168, 211

HSL203.7°, 55.3%, 61.4%

CMYK52%, 20%, 0%, 17%

HSV203.7°, 51.7%, 82.7%

LAB66.2, -9.1, -28.3

XYZ31.2, 35.5, 66.8

Decimal6727891

Color Harmonies

Complementary

#66A8D3 #D39166

Analogous

#66D3C7 #6671D3

Triadic

#D366A7 #A7D366

Tetradic

#C766D3 #D39166 #71D366

Tints, Shades & Tones

Tints (Adding White)

#66A8D3

#77B1D7

#88BBDC

#99C5E1

#AACEE6

#BBD8EB

#CCE2F0

#DDEBF5

#EEF5FA

#FFFFFF

Shades (Adding Black)

#66A8D3

#5A95BB

#4F82A4

#44708C

#385D75

#2D4A5D

#223846

#16252E

#0B1217

#000000

WCAG Contrast Accessibility

2.59:1

Text on #FFFFFF

FAIL

8.11:1

Text on #000000

AAA

2.48:1

Text on #F8FAFC

FAIL

6.89:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Lightskyblue

#87CEFA