#DEDAE0

#DEDAE0

Color Values

HEX

#DEDAE0

RGB

222, 218, 224

HSL

280.0, 8.8%, 86.7%

HSV

280.0, 2.7%, 87.8%

CMYK

0.9%, 2.7%, 0.0%, 12.2%

OKLCH

0.8932 0.0092 314.8

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DEDAE0

#DCE0DA

Analogous

#DBDAE0

#E0DADF

#DEDAE0

Triadic

#DEDAE0

#E0DEDA

#DAE0DE

Split Complementary

#DEDAE0

#DFE0DA

#DAE0DB

Tetradic

#DEDAE0

#E0DBDA

#DCE0DA

#DADFE0

Color Blindness Simulation

Original

#DEDAE0

Protanopia

#DCDCDF

Deuteranopia

#DCDDDE

Tritanopia

#DEDDDD

Achromatopsia

#DBDBDB

CSS Usage

background-color: #DEDAE0;
color: #DEDAE0;
border-color: #DEDAE0;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD8DE
300
#C4BCC7
400
#A398A9
500
#83748B
600
#695D6F
700
#544A59
800
#423A45
900
#322D34
950
#1F1C21

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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