#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026