#C5C8DF

#C5C8DF

Color Values

HEX

#C5C8DF

RGB

197, 200, 223

HSL

233.1, 28.9%, 82.4%

HSV

233.1, 11.7%, 87.5%

CMYK

11.7%, 10.3%, 0.0%, 12.5%

OKLCH

0.8376 0.0321 279.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C5C8DF

#DFDCC5

Analogous

#C5D5DF

#CFC5DF

#C5C8DF

Triadic

#C5C8DF

#DFC5C8

#C8DFC5

Split Complementary

#C5C8DF

#DFCFC5

#D5DFC5

Tetradic

#C5C8DF

#DFC5D5

#DFDCC5

#C5DFCF

Color Blindness Simulation

Original

#C5C8DF

Protanopia

#C6C6D9

Deuteranopia

#C6C6D8

Tritanopia

#C5D5D4

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D3E6
300
#B0B4D3
400
#858CBC
500
#5B63A4
600
#494F83
700
#3A3F69
800
#2D3252
900
#24273D
950
#171827

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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