#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026