#66B0DC

#66B0DC

Color Values

HEX

#66B0DC

RGB

102, 176, 220

HSL

202.4, 62.8%, 63.1%

HSV

202.4, 53.6%, 86.3%

CMYK

53.6%, 20.0%, 0.0%, 13.7%

OKLCH

0.7262 0.0979 236.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#66B0DC

#DC9266

Analogous

#66DCCD

#6675DC

#66B0DC

Triadic

#66B0DC

#DC66B0

#B0DC66

Split Complementary

#66B0DC

#DC6675

#DCCD66

Tetradic

#66B0DC

#CD66DC

#DC9266

#75DC66

Color Blindness Simulation

Original

#66B0DC

Protanopia

#8687D1

Deuteranopia

#827CCF

Tritanopia

#6AC9C7

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4F0F7
200
#C5E1F2
300
#9BCCE8
400
#65B0DC
500
#2F94D0
600
#2676A6
700
#1E5F85
800
#184A68
900
#15374C
950
#0D2330

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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