#DEF2D5

#DEF2D5

Color Values

HEX

#DEF2D5

RGB

222, 242, 213

HSL

101.4, 52.7%, 89.2%

HSV

101.4, 12.0%, 94.9%

CMYK

8.3%, 0.0%, 12.0%, 5.1%

OKLCH

0.9387 0.0439 135.8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DEF2D5

#E9D5F2

Analogous

#ECF2D5

#D5F2DA

#DEF2D5

Triadic

#DEF2D5

#D5DEF2

#F2D5DE

Split Complementary

#DEF2D5

#DAD5F2

#F2D5EC

Tetradic

#DEF2D5

#D5ECF2

#E9D5F2

#F2DAD5

Color Blindness Simulation

Original

#DEF2D5

Protanopia

#E7E7DC

Deuteranopia

#E6E4DE

Tritanopia

#DFE2E3

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EAF5E5
200
#D4EEC8
300
#B6E2A2
400
#8ED26F
500
#66C33C
600
#529C30
700
#417D27
800
#33611E
900
#284719
950
#192D10

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.77:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026