#C7C4F4

#C7C4F4

Color Values

HEX

#C7C4F4

RGB

199, 196, 244

HSL

243.8, 68.6%, 86.3%

HSV

243.8, 19.7%, 95.7%

CMYK

18.4%, 19.7%, 0.0%, 4.3%

OKLCH

0.8387 0.0667 287.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7C4F4

#F1F4C4

Analogous

#C4D9F4

#DFC4F4

#C7C4F4

Triadic

#C7C4F4

#F4C7C4

#C4F4C7

Split Complementary

#C7C4F4

#F4DFC4

#D9F4C4

Tetradic

#C7C4F4

#F4C4D9

#F1F4C4

#C4F4DF

Color Blindness Simulation

Original

#C7C4F4

Protanopia

#C6C6E8

Deuteranopia

#C6C6E6

Tritanopia

#C7DFDD

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C6C3F4
300
#9D98EC
400
#6860E1
500
#3328D7
600
#2920AC
700
#211A8A
800
#1A146B
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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