#DEDAE8

#DEDAE8

Color Values

HEX

#DEDAE8

RGB

222, 218, 232

HSL

257.1, 23.3%, 88.2%

HSV

257.1, 6.0%, 91.0%

CMYK

4.3%, 6.0%, 0.0%, 9.0%

OKLCH

0.8956 0.0194 299.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEDAE8

#E4E8DA

Analogous

#DADDE8

#E5DAE8

#DEDAE8

Triadic

#DEDAE8

#E8DEDA

#DAE8DE

Split Complementary

#DEDAE8

#E8E5DA

#DDE8DA

Tetradic

#DEDAE8

#E8DADD

#E4E8DA

#DAE8E5

Color Blindness Simulation

Original

#DEDAE8

Protanopia

#DCDCE5

Deuteranopia

#DCDDE4

Tritanopia

#DEE2E1

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DEDAE8;
color: #DEDAE8;
border-color: #DEDAE8;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D8D3E4
300
#BCB4D0
400
#978BB7
500
#73629D
600
#5C4E7E
700
#493F65
800
#39314F
900
#2C263B
950
#1C1825

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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