#C2CCF4

#C2CCF4

Color Values

HEX

#C2CCF4

RGB

194, 204, 244

HSL

228.0, 69.4%, 85.9%

HSV

228.0, 20.5%, 95.7%

CMYK

20.5%, 16.4%, 0.0%, 4.3%

OKLCH

0.8507 0.0568 274.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C2CCF4

#F4EAC2

Analogous

#C2E5F4

#D1C2F4

#C2CCF4

Triadic

#C2CCF4

#F4C2CC

#CCF4C2

Split Complementary

#C2CCF4

#F4D1C2

#E5F4C2

Tetradic

#C2CCF4

#F4C2E5

#F4EAC2

#C2F4D1

Color Blindness Simulation

Original

#C2CCF4

Protanopia

#C6C6EA

Deuteranopia

#C6C5E8

Tritanopia

#C2E3E1

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CCF4
300
#97A8EC
400
#5F79E2
500
#274AD8
600
#1F3CAD
700
#19308A
800
#14256C
900
#121E4F
950
#0B1332

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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