#CDD7EE

#CDD7EE

Color Values

HEX

#CDD7EE

RGB

205, 215, 238

HSL

221,8, 49,3%, 86,9%

HSV

221,8, 13,9%, 93,3%

CMYK

13,9%, 9,7%, 0,0%, 6,7%

OKLCH

0,8787 0,0335 266,9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDD7EE

#EEE4CD

Analogous

#CDE8EE

#D4CDEE

#CDD7EE

Triadic

#CDD7EE

#EECDD7

#D7EECD

Split Complementary

#CDD7EE

#EED4CD

#E8EECD

Tetradic

#CDD7EE

#EECDE8

#EEE4CD

#CDEED4

Color Blindness Simulation

Original

#CDD7EE

Protanopia

#D1D1E8

Deuteranopia

#D1D0E7

Tritanopia

#CEE4E3

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A4B6E0
400
#728ECF
500
#4167BE
600
#345298
700
#29427A
800
#20335F
900
#1B2846
950
#11192C

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026