#DEF5D2

#DEF5D2

Color Values

HEX

#DEF5D2

RGB

222, 245, 210

HSL

99,4, 63,6%, 89,2%

HSV

99,4, 14,3%, 96,1%

CMYK

9,4%, 0,0%, 14,3%, 3,9%

OKLCH

0,9441 0,0523 134,8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DEF5D2

#E9D2F5

Analogous

#EFF5D2

#D2F5D7

#DEF5D2

Triadic

#DEF5D2

#D2DEF5

#F5D2DE

Split Complementary

#DEF5D2

#D7D2F5

#F5D2EF

Tetradic

#DEF5D2

#D2EFF5

#E9D2F5

#F5D7D2

Color Blindness Simulation

Original

#DEF5D2

Protanopia

#E8E8DA

Deuteranopia

#E7E5DC

Tritanopia

#DFE1E3

Achromatopsia

#EEEEEE

CSS Usage

background-color: #DEF5D2;
color: #DEF5D2;
border-color: #DEF5D2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FBF3
100
#EAF7E4
200
#D4F2C5
300
#B6E99B
400
#8EDD65
500
#66D12E
600
#52A725
700
#41851E
800
#336817
900
#284C15
950
#19300D

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,1:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

فبراير 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026