#DCE5D8

#DCE5D8

Color Values

HEX

#DCE5D8

RGB

220, 229, 216

HSL

101.5, 20.0%, 87.3%

HSV

101.5, 5.7%, 89.8%

CMYK

3.9%, 0.0%, 5.7%, 10.2%

OKLCH

0.9115 0.0199 135.8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCE5D8

#E1D8E5

Analogous

#E3E5D8

#D8E5DB

#DCE5D8

Triadic

#DCE5D8

#D8DCE5

#E5D8DC

Split Complementary

#DCE5D8

#DBD8E5

#E5D8E3

Tetradic

#DCE5D8

#D8E3E5

#E1D8E5

#E5DBD8

Color Blindness Simulation

Original

#DCE5D8

Protanopia

#E0E0DB

Deuteranopia

#DFDFDC

Tritanopia

#DCDEDE

Achromatopsia

#E2E2E2

CSS Usage

background-color: #DCE5D8;
color: #DCE5D8;
border-color: #DCE5D8;
Nearest Tailwind: Stone 200 #E7E5E4

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E2D4
300
#BDCEB6
400
#99B48E
500
#769966
600
#5E7A52
700
#4B6241
800
#3B4D33
900
#2D3928
950
#1C2419

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026