#EDF3D0

#EDF3D0

Color Values

HEX

#EDF3D0

RGB

237, 243, 208

HSL

70.3, 59.3%, 88.4%

HSV

70.3, 14.4%, 95.3%

CMYK

2.5%, 0.0%, 14.4%, 4.7%

OKLCH

0.9506 0.0463 115.2

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#EDF3D0

#D6D0F3

Analogous

#F3E7D0

#DBF3D0

#EDF3D0

Triadic

#EDF3D0

#D0EDF3

#F3D0ED

Split Complementary

#EDF3D0

#D0DBF3

#E7D0F3

Tetradic

#EDF3D0

#D0F3E7

#D6D0F3

#F3D0DB

Color Blindness Simulation

Original

#EDF3D0

Protanopia

#F0F0D8

Deuteranopia

#EFEFDA

Tritanopia

#EDDFE1

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F3F6E4
200
#E9F0C6
300
#DAE69E
400
#C5D969
500
#B1CB34
600
#8EA22A
700
#718221
800
#59661A
900
#414A17
950
#292F0E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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