#66B9DC

#66B9DC

Color Values

HEX

#66B9DC

RGB

102, 185, 220

HSL

197.8, 62.8%, 63.1%

HSV

197.8, 53.6%, 86.3%

CMYK

53.6%, 15.9%, 0.0%, 13.7%

OKLCH

0.7466 0.0952 227.6

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#66B9DC

#DC8966

Analogous

#66DCC4

#667EDC

#66B9DC

Triadic

#66B9DC

#DC66B9

#B9DC66

Split Complementary

#66B9DC

#DC667E

#DCC466

Tetradic

#66B9DC

#C466DC

#DC8966

#7EDC66

Color Blindness Simulation

Original

#66B9DC

Protanopia

#8A8BD4

Deuteranopia

#857FD2

Tritanopia

#6ACDCB

Achromatopsia

#AAAAAA

CSS Usage

background-color: #66B9DC;
color: #66B9DC;
border-color: #66B9DC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E4F2
300
#9BD1E8
400
#65B9DC
500
#2FA0D0
600
#2680A6
700
#1E6685
800
#185068
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026