#CCCDF6

#CCCDF6

Color Values

HEX

#CCCDF6

RGB

204, 205, 246

HSL

238.6, 70.0%, 88.2%

HSV

238.6, 17.1%, 96.5%

CMYK

17.1%, 16.7%, 0.0%, 3.5%

OKLCH

0.8608 0.0567 284.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCCDF6

#F6F5CC

Analogous

#CCE2F6

#E0CCF6

#CCCDF6

Triadic

#CCCDF6

#F6CCCD

#CDF6CC

Split Complementary

#CCCDF6

#F6E0CC

#E2F6CC

Tetradic

#CCCDF6

#F6CCE2

#F6F5CC

#CCF6E0

Color Blindness Simulation

Original

#CCCDF6

Protanopia

#CCCCEC

Deuteranopia

#CCCCEA

Tritanopia

#CCE4E3

Achromatopsia

#D0D0D0

CSS Usage

background-color: #CCCDF6;
color: #CCCDF6;
border-color: #CCCDF6;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C2C3F4
300
#9799ED
400
#5F62E3
500
#262AD9
600
#1F22AD
700
#181B8B
800
#13156C
900
#12134F
950
#0B0C32

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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