#C4C3DF

#C4C3DF

Color Values

HEX

#C4C3DF

RGB

196, 195, 223

HSL

242.1, 30.4%, 82.0%

HSV

242.1, 12.6%, 87.5%

CMYK

12.1%, 12.6%, 0.0%, 12.5%

OKLCH

0.8269 0.0389 287.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C4C3DF

#DEDFC3

Analogous

#C3D0DF

#D2C3DF

#C4C3DF

Triadic

#C4C3DF

#DFC4C3

#C3DFC4

Split Complementary

#C4C3DF

#DFD2C3

#D0DFC3

Tetradic

#C4C3DF

#DFC3D0

#DEDFC3

#C3DFD2

Color Blindness Simulation

Original

#C4C3DF

Protanopia

#C4C4D8

Deuteranopia

#C4C4D7

Tritanopia

#C4D3D2

Achromatopsia

#C5C5C5

CSS Usage

background-color: #C4C3DF;
color: #C4C3DF;
border-color: #C4C3DF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D1D0E6
300
#B0AFD4
400
#8684BD
500
#5B59A6
600
#494785
700
#3B396A
800
#2E2C53
900
#24233E
950
#171627

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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