#CCC8F9

#CCC8F9

Color Values

HEX

#CCC8F9

RGB

204, 200, 249

HSL

244.9, 80.3%, 88.0%

HSV

244.9, 19.7%, 97.6%

CMYK

18.1%, 19.7%, 0.0%, 2.4%

OKLCH

0.8522 0.0678 288.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC8F9

#F5F9C8

Analogous

#C8DCF9

#E4C8F9

#CCC8F9

Triadic

#CCC8F9

#F9CCC8

#C8F9CC

Split Complementary

#CCC8F9

#F9E4C8

#DCF9C8

Tetradic

#CCC8F9

#F9C8DC

#F5F9C8

#C8F9E4

Color Blindness Simulation

Original

#CCC8F9

Protanopia

#CACAED

Deuteranopia

#CACBEA

Tritanopia

#CCE4E2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C3BFF8
300
#9991F3
400
#6155EC
500
#2A19E6
600
#2114B8
700
#1B1093
800
#150D73
900
#130D53
950
#0C0835

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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