#C5CCD8

#C5CCD8

Color Values

HEX

#C5CCD8

RGB

197, 204, 216

HSL

217.9, 19.6%, 81.0%

HSV

217.9, 8.8%, 84.7%

CMYK

8.8%, 5.6%, 0.0%, 15.3%

OKLCH

0.8434 0.0184 261.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C5CCD8

#D8D1C5

Analogous

#C5D6D8

#C8C5D8

#C5CCD8

Triadic

#C5CCD8

#D8C5CC

#CCD8C5

Split Complementary

#C5CCD8

#D8C8C5

#D6D8C5

Tetradic

#C5CCD8

#D8C5D6

#D8D1C5

#C5D8C8

Color Blindness Simulation

Original

#C5CCD8

Protanopia

#C8C8D5

Deuteranopia

#C8C7D4

Tritanopia

#C5D3D2

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D9E2
300
#B6BFCE
400
#8E9CB3
500
#677998
600
#52617A
700
#424D62
800
#333C4C
900
#282E39
950
#191D24

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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