#E4ECD4

#E4ECD4

Color Values

HEX

#E4ECD4

RGB

228, 236, 212

HSL

80.0, 38.7%, 87.8%

HSV

80.0, 10.2%, 92.5%

CMYK

3.4%, 0.0%, 10.2%, 7.5%

OKLCH

0.9306 0.0329 122.1

Properties

Cool Light Nearest: RAL 9002 Grey White

Color Harmonies

Complementary

#E4ECD4

#DCD4EC

Analogous

#ECE8D4

#D8ECD4

#E4ECD4

Triadic

#E4ECD4

#D4E4EC

#ECD4E4

Split Complementary

#E4ECD4

#D4D8EC

#E8D4EC

Tetradic

#E4ECD4

#D4ECE8

#DCD4EC

#ECD4D8

Color Blindness Simulation

Original

#E4ECD4

Protanopia

#E7E8DA

Deuteranopia

#E7E6DB

Tritanopia

#E4DEDF

Achromatopsia

#E9E9E9

CSS Usage

background-color: #E4ECD4;
color: #E4ECD4;
border-color: #E4ECD4;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E0E9CD
300
#CAD9AA
400
#ADC57C
500
#90B14E
600
#738D3F
700
#5C7132
800
#485827
900
#364120
950
#222914

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.25: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