#CCC7F9

#CCC7F9

Color Values

HEX

#CCC7F9

RGB

204, 199, 249

HSL

246.0, 80.6%, 87.8%

HSV

246.0, 20.1%, 97.6%

CMYK

18.1%, 20.1%, 0.0%, 2.4%

OKLCH

0.8503 0.0693 289.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC7F9

#F4F9C7

Analogous

#C7DBF9

#E5C7F9

#CCC7F9

Triadic

#CCC7F9

#F9CCC7

#C7F9CC

Split Complementary

#CCC7F9

#F9E5C7

#DBF9C7

Tetradic

#CCC7F9

#F9C7DB

#F4F9C7

#C7F9E5

Color Blindness Simulation

Original

#CCC7F9

Protanopia

#CACAED

Deuteranopia

#CACAEA

Tritanopia

#CCE3E1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C4BFF8
300
#9A90F3
400
#6455ED
500
#2D19E6
600
#2414B8
700
#1D1093
800
#170C73
900
#140D54
950
#0D0835

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026