#CDD8E4

#CDD8E4

Color Values

HEX

#CDD8E4

RGB

205, 216, 228

HSL

211.3, 29.9%, 84.9%

HSV

211.3, 10.1%, 89.4%

CMYK

10.1%, 5.3%, 0.0%, 10.6%

OKLCH

0.8775 0.0204 250.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDD8E4

#E4D9CD

Analogous

#CDE4E4

#CDCDE4

#CDD8E4

Triadic

#CDD8E4

#E4CDD8

#D8E4CD

Split Complementary

#CDD8E4

#E4CDCD

#E4E4CD

Tetradic

#CDD8E4

#E4CDE4

#E4D9CD

#CDE4CD

Color Blindness Simulation

Original

#CDD8E4

Protanopia

#D2D2E1

Deuteranopia

#D1D0E0

Tritanopia

#CEDFDE

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DBE6
300
#B0C1D4
400
#849FBD
500
#597EA6
600
#486584
700
#39516A
800
#2D3F53
900
#23303D
950
#161E27

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.54:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026