#C4C4DA

#C4C4DA

Color Values

HEX

#C4C4DA

RGB

196, 196, 218

HSL

240.0, 22.9%, 81.2%

HSV

240.0, 10.1%, 85.5%

CMYK

10.1%, 10.1%, 0.0%, 14.5%

OKLCH

0.8272 0.0306 285.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C4C4DA

#DADAC4

Analogous

#C4CFDA

#CFC4DA

#C4C4DA

Triadic

#C4C4DA

#DAC4C4

#C4DAC4

Split Complementary

#C4C4DA

#DACFC4

#CFDAC4

Tetradic

#C4C4DA

#DAC4CF

#DADAC4

#C4DACF

Color Blindness Simulation

Original

#C4C4DA

Protanopia

#C4C4D5

Deuteranopia

#C4C4D3

Tritanopia

#C4D0D0

Achromatopsia

#C6C6C6

CSS Usage

background-color: #C4C4DA;
color: #C4C4DA;
border-color: #C4C4DA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E3
300
#B4B4D0
400
#8B8BB6
500
#62629D
600
#4F4F7D
700
#3F3F64
800
#31314E
900
#26263A
950
#181825

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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