#CDDBDC

#CDDBDC

Color Values

HEX

#CDDBDC

RGB

205, 219, 220

HSL

184,0, 17,6%, 83,3%

HSV

184,0, 6,8%, 86,3%

CMYK

6,8%, 0,5%, 0,0%, 13,7%

OKLCH

0,8811 0,0152 202,0

Properties

Cool Light Nearest: NCS S 1500-N Lightest Grey

Color Harmonies

Complementary

#CDDBDC

#DCCECD

Analogous

#CDDCD5

#CDD3DC

#CDDBDC

Triadic

#CDDBDC

#DCCDDB

#DBDCCD

Split Complementary

#CDDBDC

#DCCDD3

#DCD5CD

Tetradic

#CDDBDC

#D5CDDC

#DCCECD

#D3DCCD

Color Blindness Simulation

Original

#CDDBDC

Protanopia

#D3D3DC

Deuteranopia

#D2D1DC

Tritanopia

#CEDCDC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5E1E2
300
#B7CBCD
400
#90AFB1
500
#699396
600
#547678
700
#435E60
800
#35494B
900
#293738
950
#1A2323

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026