#CDD2E6

#CDD2E6

Color Values

HEX

#CDD2E6

RGB

205, 210, 230

HSL

228.0, 33.3%, 85.3%

HSV

228.0, 10.9%, 90.2%

CMYK

10.9%, 8.7%, 0.0%, 9.8%

OKLCH

0.866 0.0281 274.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDD2E6

#E6E1CD

Analogous

#CDDFE6

#D5CDE6

#CDD2E6

Triadic

#CDD2E6

#E6CDD2

#D2E6CD

Split Complementary

#CDD2E6

#E6D5CD

#DFE6CD

Tetradic

#CDD2E6

#E6CDDF

#E6E1CD

#CDE6D5

Color Blindness Simulation

Original

#CDD2E6

Protanopia

#CFCFE1

Deuteranopia

#CFCEE0

Tritanopia

#CDDDDC

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD4E7
300
#ADB6D6
400
#818EC0
500
#5566AA
600
#445288
700
#36416D
800
#2B3355
900
#22283F
950
#151928

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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