#C7C2F3

#C7C2F3

Color Values

HEX

#C7C2F3

RGB

199, 194, 243

HSL

246.1, 67.1%, 85.7%

HSV

246.1, 20.2%, 95.3%

CMYK

18.1%, 20.2%, 0.0%, 4.7%

OKLCH

0.8344 0.0682 289.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7C2F3

#EEF3C2

Analogous

#C2D6F3

#E0C2F3

#C7C2F3

Triadic

#C7C2F3

#F3C7C2

#C2F3C7

Split Complementary

#C7C2F3

#F3E0C2

#D6F3C2

Tetradic

#C7C2F3

#F3C2D6

#EEF3C2

#C2F3E0

Color Blindness Simulation

Original

#C7C2F3

Protanopia

#C5C5E7

Deuteranopia

#C5C5E4

Tritanopia

#C7DEDC

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A199EB
400
#6E61E0
500
#3B2AD5
600
#2F22AA
700
#261B88
800
#1E156B
900
#19134E
950
#100C31

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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