HEX Color #66A8F0 (Cornflowerblue)

About #66A8F0

At its core, #66A8F0 is a light and vivid hue. Designers often compare it to the standard color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 168, and 240.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 57% cyan and 30% magenta inks. The HSL representation is 211.3° hue, 82.1% saturation, and 67.1% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#66A8F0

RGB102, 168, 240

HSL211.3°, 82.1%, 67.1%

CMYK57%, 30%, 0%, 6%

HSV211.3°, 57.5%, 94.1%

LAB67.4, -0.2, -42.4

XYZ35.2, 37.1, 87.7

Decimal6727920

Color Harmonies

Complementary

#66A8F0 #F0AE66

Analogous

#66ECF0 #6966F0

Triadic

#F066A7 #A7F066

Tetradic

#F066EC #F0AE66 #66F069

Tints, Shades & Tones

Tints (Adding White)

#66A8F0

#77B1F1

#88BBF3

#99C5F5

#AACEF6

#BBD8F8

#CCE2FA

#DDEBFB

#EEF5FD

#FFFFFF

Shades (Adding Black)

#66A8F0

#5A95D5

#4F82BA

#4470A0

#385D85

#2D4A6A

#223850

#162535

#0B121A

#000000

WCAG Contrast Accessibility

2.49:1

Text on #FFFFFF

FAIL

8.42:1

Text on #000000

AAA

2.38:1

Text on #F8FAFC

FAIL

7.16:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED