#DEF3DA

#DEF3DA

Color Values

HEX

#DEF3DA

RGB

222, 243, 218

HSL

110.4, 51.0%, 90.4%

HSV

110.4, 10.3%, 95.3%

CMYK

8.6%, 0.0%, 10.3%, 4.7%

OKLCH

0.942 0.0399 140.7

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DEF3DA

#EFDAF3

Analogous

#EBF3DA

#DAF3E3

#DEF3DA

Triadic

#DEF3DA

#DADEF3

#F3DADE

Split Complementary

#DEF3DA

#E3DAF3

#F3DAEB

Tetradic

#DEF3DA

#DAEBF3

#EFDAF3

#F3E3DA

Color Blindness Simulation

Original

#DEF3DA

Protanopia

#E7E7E0

Deuteranopia

#E6E4E2

Tritanopia

#DFE5E6

Achromatopsia

#EDEDED

CSS Usage

background-color: #DEF3DA;
color: #DEF3DA;
border-color: #DEF3DA;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F5FBF4
100
#E8F5E5
200
#CFEEC9
300
#ADE1A3
400
#80D171
500
#53C13E
600
#439A32
700
#357B28
800
#2A601F
900
#21471A
950
#152D11

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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