#CDDAE3

#CDDAE3

Color Values

HEX

#CDDAE3

RGB

205, 218, 227

HSL

204.5, 28.2%, 84.7%

HSV

204.5, 9.7%, 89.0%

CMYK

9.7%, 4.0%, 0.0%, 11.0%

OKLCH

0.8812 0.0188 237.8

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#CDDAE3

#E3D6CD

Analogous

#CDE3E1

#CDCFE3

#CDDAE3

Triadic

#CDDAE3

#E3CDDA

#DAE3CD

Split Complementary

#CDDAE3

#E3CDCF

#E3E1CD

Tetradic

#CDDAE3

#E1CDE3

#E3D6CD

#CFE3CD

Color Blindness Simulation

Original

#CDDAE3

Protanopia

#D3D3E1

Deuteranopia

#D2D1E0

Tritanopia

#CEDFDF

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DDE5
300
#B1C5D3
400
#86A6BB
500
#5C86A3
600
#496B83
700
#3B5669
800
#2E4352
900
#24333D
950
#172026

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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