#D8E2DC

#D8E2DC

Color Values

HEX

#D8E2DC

RGB

216, 226, 220

HSL

144.0, 14.7%, 86.7%

HSV

144.0, 4.4%, 88.6%

CMYK

4.4%, 0.0%, 2.7%, 11.4%

OKLCH

0.9035 0.0134 159.9

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D8E2DC

#E2D8DE

Analogous

#D9E2D8

#D8E2E1

#D8E2DC

Triadic

#D8E2DC

#DCD8E2

#E2DCD8

Split Complementary

#D8E2DC

#E1D8E2

#E2D8D9

Tetradic

#D8E2DC

#D8D9E2

#E2D8DE

#E2E1D8

Color Blindness Simulation

Original

#D8E2DC

Protanopia

#DCDCDD

Deuteranopia

#DCDBDE

Tritanopia

#D8DFDF

Achromatopsia

#DFDFDF

CSS Usage

background-color: #D8E2DC;
color: #D8E2DC;
border-color: #D8E2DC;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B9CBC0
400
#93AF9E
500
#6D927C
600
#577563
700
#465E4F
800
#36493E
900
#2A372F
950
#1B231E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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