#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