#C4CCF2

#C4CCF2

Color Values

HEX

#C4CCF2

RGB

196, 204, 242

HSL

229.6, 63.9%, 85.9%

HSV

229.6, 19.0%, 94.9%

CMYK

19.0%, 15.7%, 0.0%, 5.1%

OKLCH

0.8514 0.0536 275.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C4CCF2

#F2EAC4

Analogous

#C4E3F2

#D3C4F2

#C4CCF2

Triadic

#C4CCF2

#F2C4CC

#CCF2C4

Split Complementary

#C4CCF2

#F2D3C4

#E3F2C4

Tetradic

#C4CCF2

#F2C4E3

#F2EAC4

#C4F2D3

Color Blindness Simulation

Original

#C4CCF2

Protanopia

#C7C8E9

Deuteranopia

#C7C6E7

Tritanopia

#C4E2E0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CCF2
300
#9BA8E9
400
#6479DD
500
#2E4AD1
600
#253BA7
700
#1D3086
800
#172568
900
#151E4C
950
#0D1330

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026