#EDF3D2

#EDF3D2

Color Values

HEX

#EDF3D2

RGB

237, 243, 210

HSL

70.9, 57.9%, 88.8%

HSV

70.9, 13.6%, 95.3%

CMYK

2.5%, 0.0%, 13.6%, 4.7%

OKLCH

0.951 0.0438 115.6

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#EDF3D2

#D8D2F3

Analogous

#F3E8D2

#DCF3D2

#EDF3D2

Triadic

#EDF3D2

#D2EDF3

#F3D2ED

Split Complementary

#EDF3D2

#D2DCF3

#E8D2F3

Tetradic

#EDF3D2

#D2F3E8

#D8D2F3

#F3D2DC

Color Blindness Simulation

Original

#EDF3D2

Protanopia

#F0F0DA

Deuteranopia

#EFEFDC

Tritanopia

#EDE0E2

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F6E4
200
#E8F0C7
300
#D8E59E
400
#C3D76A
500
#AFC936
600
#8CA12B
700
#708122
800
#57651B
900
#414A17
950
#292F0F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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