#66ABDC

#66ABDC

Color Values

HEX

#66ABDC

RGB

102, 171, 220

HSL

204.9, 62.8%, 63.1%

HSV

204.9, 53.6%, 86.3%

CMYK

53.6%, 22.3%, 0.0%, 13.7%

OKLCH

0.715 0.1003 241.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#66ABDC

#DC9766

Analogous

#66DCD2

#6670DC

#66ABDC

Triadic

#66ABDC

#DC66AB

#ABDC66

Split Complementary

#66ABDC

#DC6670

#DCD266

Tetradic

#66ABDC

#D266DC

#DC9766

#70DC66

Color Blindness Simulation

Original

#66ABDC

Protanopia

#8484D0

Deuteranopia

#807BCD

Tritanopia

#69C7C5

Achromatopsia

#A0A0A0

CSS Usage

background-color: #66ABDC;
color: #66ABDC;
border-color: #66ABDC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC8E8
400
#65ABDC
500
#2F8DD0
600
#2671A6
700
#1E5A85
800
#184768
900
#15354C
950
#0D2230

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.42: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