#C4CCDD

#C4CCDD

Color Values

HEX

#C4CCDD

RGB

196, 204, 221

HSL

220.8, 26.9%, 81.8%

HSV

220.8, 11.3%, 86.7%

CMYK

11.3%, 7.7%, 0.0%, 13.3%

OKLCH

0.8443 0.0252 265.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C4CCDD

#DDD5C4

Analogous

#C4D9DD

#C9C4DD

#C4CCDD

Triadic

#C4CCDD

#DDC4CC

#CCDDC4

Split Complementary

#C4CCDD

#DDC9C4

#D9DDC4

Tetradic

#C4CCDD

#DDC4D9

#DDD5C4

#C4DDC9

Color Blindness Simulation

Original

#C4CCDD

Protanopia

#C7C8D9

Deuteranopia

#C7C6D8

Tritanopia

#C4D6D5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E5
300
#B1BCD2
400
#8798BA
500
#5D73A2
600
#4B5C81
700
#3C4A68
800
#2F3A51
900
#252C3C
950
#171C26

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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