#CDD4DB

#CDD4DB

Color Values

HEX

#CDD4DB

RGB

205, 212, 219

HSL

210,0, 16,3%, 83,1%

HSV

210,0, 6,4%, 85,9%

CMYK

6,4%, 3,2%, 0,0%, 14,1%

OKLCH

0,8666 0,0123 248,0

Properties

Cool Light Nearest: lightgrey

Color Harmonies

Complementary

#CDD4DB

#DBD4CD

Analogous

#CDDBDB

#CDCDDB

#CDD4DB

Triadic

#CDD4DB

#DBCDD4

#D4DBCD

Split Complementary

#CDD4DB

#DBCDCD

#DBDBCD

Tetradic

#CDD4DB

#DBCDDB

#DBD4CD

#CDDBCD

Color Blindness Simulation

Original

#CDD4DB

Protanopia

#D0D0D9

Deuteranopia

#D0CFD9

Tritanopia

#CDD8D8

Achromatopsia

#D3D3D3

CSS Usage

background-color: #CDD4DB;
color: #CDD4DB;
border-color: #CDD4DB;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B8C2CC
400
#91A1B0
500
#6B8094
600
#556677
700
#44525F
800
#35404A
900
#293038
950
#1A1F23

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,04: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