#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