#DEE2E2

#DEE2E2

Color Values

HEX

#DEE2E2

RGB

222, 226, 226

HSL

180.0, 6.5%, 87.8%

HSV

180.0, 1.8%, 88.6%

CMYK

1.8%, 0.0%, 0.0%, 11.4%

OKLCH

0.9097 0.0043 197.1

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DEE2E2

#E2DEDE

Analogous

#DEE2E0

#DEE0E2

#DEE2E2

Triadic

#DEE2E2

#E2DEE2

#E2E2DE

Split Complementary

#DEE2E2

#E2DEE0

#E2E0DE

Tetradic

#DEE2E2

#E0DEE2

#E2DEDE

#E0E2DE

Color Blindness Simulation

Original

#DEE2E2

Protanopia

#E0E0E2

Deuteranopia

#E0DFE2

Tritanopia

#DEE2E2

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDE
300
#BEC6C6
400
#9BA7A7
500
#778888
600
#5F6D6D
700
#4C5757
800
#3C4444
900
#2E3333
950
#1D2020

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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