#66CDFF

#66CDFF

Color Values

HEX

#66CDFF

RGB

102, 205, 255

HSL

199.6, 100.0%, 70.0%

HSV

199.6, 60.0%, 100.0%

CMYK

60.0%, 19.6%, 0.0%, 0.0%

OKLCH

0.8062 0.1189 231.9

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#66CDFF

#FF9866

Analogous

#66FFE4

#6681FF

#66CDFF

Triadic

#66CDFF

#FF66CD

#CDFF66

Split Complementary

#66CDFF

#FF6681

#FFE466

Tetradic

#66CDFF

#E466FF

#FF9866

#81FF66

Color Blindness Simulation

Original

#66CDFF

Protanopia

#9393F3

Deuteranopia

#8D85F0

Tritanopia

#6BE9E7

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E8FF
300
#85D7FF
400
#42C1FF
500
#00ACFF
600
#0089CC
700
#006EA3
800
#005680
900
#05405C
950
#03283A

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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