#66B6DB

#66B6DB

Color Values

HEX

#66B6DB

RGB

102, 182, 219

HSL

199.0, 61.9%, 62.9%

HSV

199.0, 53.4%, 85.9%

CMYK

53.4%, 16.9%, 0.0%, 14.1%

OKLCH

0.7394 0.095 229.8

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#66B6DB

#DB8B66

Analogous

#66DBC5

#667BDB

#66B6DB

Triadic

#66B6DB

#DB66B6

#B6DB66

Split Complementary

#66B6DB

#DB667B

#DBC566

Tetradic

#66B6DB

#C566DB

#DB8B66

#7BDB66

Color Blindness Simulation

Original

#66B6DB

Protanopia

#8989D2

Deuteranopia

#847ED0

Tritanopia

#6ACBC9

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E3F1
300
#9CD0E8
400
#66B6DB
500
#319CCE
600
#277DA5
700
#1F6484
800
#184E67
900
#153A4B
950
#0E2530

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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