#CDDCD4

#CDDCD4

Color Values

HEX

#CDDCD4

RGB

205, 220, 212

HSL

148.0, 17.6%, 83.3%

HSV

148.0, 6.8%, 86.3%

CMYK

6.8%, 0.0%, 3.6%, 13.7%

OKLCH

0.8809 0.0194 162.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CDDCD4

#DCCDD5

Analogous

#CDDCCD

#CDDCDB

#CDDCD4

Triadic

#CDDCD4

#D4CDDC

#DCD4CD

Split Complementary

#CDDCD4

#DBCDDC

#DCCDCD

Tetradic

#CDDCD4

#CDCDDC

#DCCDD5

#DCDBCD

Color Blindness Simulation

Original

#CDDCD4

Protanopia

#D3D4D6

Deuteranopia

#D3D2D6

Tritanopia

#CED7D8

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EAF0ED
200
#D5E2DB
300
#B7CDC1
400
#90B1A0
500
#69967E
600
#547865
700
#436051
800
#354B3F
900
#293830
950
#1A231E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026