#D7E2DA

#D7E2DA

Color Values

HEX

#D7E2DA

RGB

215, 226, 218

HSL

136.4, 15.9%, 86.5%

HSV

136.4, 4.9%, 88.6%

CMYK

4.9%, 0.0%, 3.5%, 11.4%

OKLCH

0.9022 0.016 154.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D7E2DA

#E2D7DF

Analogous

#DAE2D7

#D7E2E0

#D7E2DA

Triadic

#D7E2DA

#DAD7E2

#E2DAD7

Split Complementary

#D7E2DA

#E0D7E2

#E2D7DA

Tetradic

#D7E2DA

#D7DAE2

#E2D7DF

#E2E0D7

Color Blindness Simulation

Original

#D7E2DA

Protanopia

#DCDCDC

Deuteranopia

#DBDADC

Tritanopia

#D8DDDE

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D6E1D9
300
#B8CCBD
400
#92B09A
500
#6B9476
600
#56765F
700
#455F4C
800
#364A3B
900
#2A372D
950
#1A231D

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026