#C3C4F3

#C3C4F3

Color Values

HEX

#C3C4F3

RGB

195, 196, 243

HSL

238.7, 66.7%, 85.9%

HSV

238.7, 19.8%, 95.3%

CMYK

19.8%, 19.3%, 0.0%, 4.7%

OKLCH

0.8352 0.0655 283.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C4F3

#F3F2C3

Analogous

#C3DCF3

#DAC3F3

#C3C4F3

Triadic

#C3C4F3

#F3C3C4

#C4F3C3

Split Complementary

#C3C4F3

#F3DAC3

#DCF3C3

Tetradic

#C3C4F3

#F3C3DC

#F3F2C3

#C3F3DA

Color Blindness Simulation

Original

#C3C4F3

Protanopia

#C3C3E8

Deuteranopia

#C3C3E5

Tritanopia

#C3DFDD

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C5F3
300
#999BEB
400
#6264E0
500
#2A2ED5
600
#2225AA
700
#1B1E88
800
#15176A
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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