#D7E2DF

#D7E2DF

Color Values

HEX

#D7E2DF

RGB

215, 226, 223

HSL

163.6, 15.9%, 86.5%

HSV

163.6, 4.9%, 88.6%

CMYK

4.9%, 0.0%, 1.3%, 11.4%

OKLCH

0.9036 0.0125 178.0

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#D7E2DF

#E2D7DA

Analogous

#D7E2DA

#D7E0E2

#D7E2DF

Triadic

#D7E2DF

#DFD7E2

#E2DFD7

Split Complementary

#D7E2DF

#E2D7E0

#E2DAD7

Tetradic

#D7E2DF

#DAD7E2

#E2D7DA

#E0E2D7

Color Blindness Simulation

Original

#D7E2DF

Protanopia

#DCDCE0

Deuteranopia

#DBDAE0

Tritanopia

#D8E0E0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D6E1DE
300
#B8CCC6
400
#92B0A7
500
#6B9489
600
#56766D
700
#455F57
800
#364A44
900
#2A3734
950
#1A2321

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