#DEEFE9

#DEEFE9

Color Values

HEX

#DEEFE9

RGB

222, 239, 233

HSL

158.8, 34.7%, 90.4%

HSV

158.8, 7.1%, 93.7%

CMYK

7.1%, 0.0%, 2.5%, 6.3%

OKLCH

0.9378 0.0197 172.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DEEFE9

#EFDEE4

Analogous

#DEEFE1

#DEEDEF

#DEEFE9

Triadic

#DEEFE9

#E9DEEF

#EFE9DE

Split Complementary

#DEEFE9

#EFDEED

#EFE1DE

Tetradic

#DEEFE9

#E1DEEF

#EFDEE4

#EDEFDE

Color Blindness Simulation

Original

#DEEFE9

Protanopia

#E5E6EA

Deuteranopia

#E4E3EB

Tritanopia

#DFECEC

Achromatopsia

#EBEBEB

CSS Usage

background-color: #DEEFE9;
color: #DEEFE9;
border-color: #DEEFE9;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8DF
300
#ADD7C8
400
#80C1AA
500
#53AC8C
600
#438970
700
#356E5A
800
#2A5646
900
#214035
950
#152821

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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