#66B4FF

#66B4FF

Color Values

HEX

#66B4FF

RGB

102, 180, 255

HSL

209.4, 100.0%, 70.0%

HSV

209.4, 60.0%, 100.0%

CMYK

60.0%, 29.4%, 0.0%, 0.0%

OKLCH

0.7512 0.1336 249.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#66B4FF

#FFB166

Analogous

#66FFFD

#6668FF

#66B4FF

Triadic

#66B4FF

#FF66B4

#B4FF66

Split Complementary

#66B4FF

#FF6668

#FFFD66

Tetradic

#66B4FF

#FD66FF

#FFB166

#68FF66

Color Blindness Simulation

Original

#66B4FF

Protanopia

#8888ED

Deuteranopia

#837DE8

Tritanopia

#6ADFDB

Achromatopsia

#A9A9A9

CSS Usage

background-color: #66B4FF;
color: #66B4FF;
border-color: #66B4FF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DCFF
300
#85C3FF
400
#42A3FF
500
#0082FF
600
#0068CC
700
#0053A3
800
#004180
900
#05315C
950
#031F3A

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026