#DEE7E2

#DEE7E2

Color Values

HEX

#DEE7E2

RGB

222, 231, 226

HSL

146.7, 15.8%, 88.8%

HSV

146.7, 3.9%, 90.6%

CMYK

3.9%, 0.0%, 2.2%, 9.4%

OKLCH

0.9197 0.0117 162.0

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEE7E2

#E7DEE3

Analogous

#DEE7DE

#DEE7E6

#DEE7E2

Triadic

#DEE7E2

#E2DEE7

#E7E2DE

Split Complementary

#DEE7E2

#E6DEE7

#E7DEDE

Tetradic

#DEE7E2

#DEDEE7

#E7DEE3

#E7E6DE

Color Blindness Simulation

Original

#DEE7E2

Protanopia

#E2E2E3

Deuteranopia

#E1E1E4

Tritanopia

#DEE4E4

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DB
300
#B8CBC1
400
#92B09F
500
#6B947D
600
#567664
700
#455E50
800
#364A3F
900
#2A3730
950
#1A231E

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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