#DEE2AE

#DEE2AE

Color Values

HEX

#DEE2AE

RGB

222, 226, 174

HSL

64.6, 47.3%, 78.4%

HSV

64.6, 23.0%, 88.6%

CMYK

1.8%, 0.0%, 23.0%, 11.4%

OKLCH

0.8969 0.0682 111.3

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DEE2AE

#B2AEE2

Analogous

#E2CCAE

#C4E2AE

#DEE2AE

Triadic

#DEE2AE

#AEDEE2

#E2AEDE

Split Complementary

#DEE2AE

#AEC4E2

#CCAEE2

Tetradic

#DEE2AE

#AEE2CC

#B2AEE2

#E2AEC4

Color Blindness Simulation

Original

#DEE2AE

Protanopia

#E0E0BB

Deuteranopia

#E0DFBE

Tritanopia

#DEC5C7

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DEE2AE;
color: #DEE2AE;
border-color: #DEE2AE;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCA
300
#DADFA5
400
#C6CD74
500
#B3BC43
600
#8F9636
700
#72782B
800
#595E22
900
#42451C
950
#2A2C12

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026