#C7C4F0

#C7C4F0

Color Values

HEX

#C7C4F0

RGB

199, 196, 240

HSL

244.1, 59.5%, 85.5%

HSV

244.1, 18.3%, 94.1%

CMYK

17.1%, 18.3%, 0.0%, 5.9%

OKLCH

0.8372 0.0611 288.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C7C4F0

#EDF0C4

Analogous

#C4D7F0

#DDC4F0

#C7C4F0

Triadic

#C7C4F0

#F0C7C4

#C4F0C7

Split Complementary

#C7C4F0

#F0DDC4

#D7F0C4

Tetradic

#C7C4F0

#F0C4D7

#EDF0C4

#C4F0DD

Color Blindness Simulation

Original

#C7C4F0

Protanopia

#C6C6E5

Deuteranopia

#C6C6E3

Tritanopia

#C7DDDB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C9C6F1
300
#A29DE6
400
#7069D9
500
#3E34CB
600
#3229A3
700
#282182
800
#1F1A66
900
#1A174A
950
#100E2F

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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