#DEEAE4

#DEEAE4

Color Values

HEX

#DEEAE4

RGB

222, 234, 228

HSL

150.0, 22.2%, 89.4%

HSV

150.0, 5.1%, 91.8%

CMYK

5.1%, 0.0%, 2.6%, 8.2%

OKLCH

0.9263 0.0151 164.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEEAE4

#EADEE4

Analogous

#DEEADE

#DEEAEA

#DEEAE4

Triadic

#DEEAE4

#E4DEEA

#EAE4DE

Split Complementary

#DEEAE4

#EADEEA

#EADEDE

Tetradic

#DEEAE4

#DEDEEA

#EADEE4

#EAEADE

Color Blindness Simulation

Original

#DEEAE4

Protanopia

#E3E3E5

Deuteranopia

#E2E2E6

Tritanopia

#DFE7E7

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF1ED
200
#D3E3DB
300
#B4CFC2
400
#8CB6A1
500
#639C80
600
#4F7D66
700
#3F6452
800
#324E40
900
#273A30
950
#18251F

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

17.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026