#CDD8D4

#CDD8D4

Color Values

HEX

#CDD8D4

RGB

205, 216, 212

HSL

158.2, 12.4%, 82.5%

HSV

158.2, 5.1%, 84.7%

CMYK

5.1%, 0.0%, 1.9%, 15.3%

OKLCH

0.8727 0.0131 172.3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CDD8D4

#D8CDD1

Analogous

#CDD8CE

#CDD6D8

#CDD8D4

Triadic

#CDD8D4

#D4CDD8

#D8D4CD

Split Complementary

#CDD8D4

#D8CDD6

#D8CECD

Tetradic

#CDD8D4

#CECDD8

#D8CDD1

#D6D8CD

Color Blindness Simulation

Original

#CDD8D4

Protanopia

#D2D2D5

Deuteranopia

#D1D0D5

Tritanopia

#CED6D6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CDD8D4;
color: #CDD8D4;
border-color: #CDD8D4;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BAC9C4
400
#95ACA4
500
#708F84
600
#597369
700
#475C54
800
#384842
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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