#C2CCF5

#C2CCF5

Color Values

HEX

#C2CCF5

RGB

194, 204, 245

HSL

228.2, 71.8%, 86.1%

HSV

228.2, 20.8%, 96.1%

CMYK

20.8%, 16.7%, 0.0%, 3.9%

OKLCH

0.851 0.0582 274.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2CCF5

#F5EBC2

Analogous

#C2E6F5

#D2C2F5

#C2CCF5

Triadic

#C2CCF5

#F5C2CC

#CCF5C2

Split Complementary

#C2CCF5

#F5D2C2

#E6F5C2

Tetradic

#C2CCF5

#F5C2E6

#F5EBC2

#C2F5D2

Color Blindness Simulation

Original

#C2CCF5

Protanopia

#C6C6EB

Deuteranopia

#C6C5E9

Tritanopia

#C2E3E2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C2CCF5
300
#96A7EE
400
#5D78E4
500
#2448DB
600
#1D3AAF
700
#172E8C
800
#12246E
900
#111D50
950
#0B1332

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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