#DEF4EA

#DEF4EA

Color Values

HEX

#DEF4EA

RGB

222, 244, 234

HSL

152.7, 50.0%, 91.4%

HSV

152.7, 9.0%, 95.7%

CMYK

9.0%, 0.0%, 4.1%, 4.3%

OKLCH

0.9482 0.0267 166.8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DEF4EA

#F4DEE8

Analogous

#DEF4DF

#DEF3F4

#DEF4EA

Triadic

#DEF4EA

#EADEF4

#F4EADE

Split Complementary

#DEF4EA

#F4DEF3

#F4DFDE

Tetradic

#DEF4EA

#DFDEF4

#F4DEE8

#F3F4DE

Color Blindness Simulation

Original

#DEF4EA

Protanopia

#E8E8EC

Deuteranopia

#E6E5ED

Tritanopia

#DFEEEF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#C9EDDD
300
#A3E0C5
400
#71D0A5
500
#40BF85
600
#33996B
700
#297A55
800
#206043
900
#1B4632
950
#112C20

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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