#C5CCDD

#C5CCDD

Color Values

HEX

#C5CCDD

RGB

197, 204, 221

HSL

222.5, 26.1%, 82.0%

HSV

222.5, 10.9%, 86.7%

CMYK

10.9%, 7.7%, 0.0%, 13.3%

OKLCH

0.845 0.0249 267.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C5CCDD

#DDD6C5

Analogous

#C5D8DD

#CAC5DD

#C5CCDD

Triadic

#C5CCDD

#DDC5CC

#CCDDC5

Split Complementary

#C5CCDD

#DDCAC5

#D8DDC5

Tetradic

#C5CCDD

#DDC5D8

#DDD6C5

#C5DDCA

Color Blindness Simulation

Original

#C5CCDD

Protanopia

#C8C8D9

Deuteranopia

#C8C7D8

Tritanopia

#C5D6D5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D2D7E5
300
#B2BBD2
400
#8896B9
500
#5E72A1
600
#4B5B81
700
#3C4967
800
#2F3950
900
#252C3C
950
#171C26

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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