#C3C3F4

#C3C3F4

Color Values

HEX

#C3C3F4

RGB

195, 195, 244

HSL

240.0, 69.0%, 86.1%

HSV

240.0, 20.1%, 95.7%

CMYK

20.1%, 20.1%, 0.0%, 4.3%

OKLCH

0.8336 0.0683 284.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C3C3F4

#F4F4C3

Analogous

#C3DCF4

#DCC3F4

#C3C3F4

Triadic

#C3C3F4

#F4C3C3

#C3F4C3

Split Complementary

#C3C3F4

#F4DCC3

#DCF4C3

Tetradic

#C3C3F4

#F4C3DC

#F4F4C3

#C3F4DC

Color Blindness Simulation

Original

#C3C3F4

Protanopia

#C3C3E8

Deuteranopia

#C3C3E5

Tritanopia

#C3DFDD

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C3F4
300
#9898EC
400
#6060E2
500
#2828D7
600
#2020AC
700
#19198A
800
#14146C
900
#12124F
950
#0C0C32

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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