#EDF9DC

#EDF9DC

Color Values

HEX

#EDF9DC

RGB

237, 249, 220

HSL

84.8, 70.7%, 92.0%

HSV

84.8, 11.6%, 97.6%

CMYK

4.8%, 0.0%, 11.6%, 2.4%

OKLCH

0.9655 0.0401 125.5

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#EDF9DC

#E8DCF9

Analogous

#F9F7DC

#DFF9DC

#EDF9DC

Triadic

#EDF9DC

#DCEDF9

#F9DCED

Split Complementary

#EDF9DC

#DCDFF9

#F7DCF9

Tetradic

#EDF9DC

#DCF9F7

#E8DCF9

#F9DCDF

Color Blindness Simulation

Original

#EDF9DC

Protanopia

#F2F2E3

Deuteranopia

#F2F1E5

Tritanopia

#EEE9EA

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#E0F5C2
300
#C9ED97
400
#ACE35E
500
#8FDA25
600
#72AE1E
700
#5C8B18
800
#486D13
900
#364F12
950
#22320B

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026