#EDF8DC

#EDF8DC

Color Values

HEX

#EDF8DC

RGB

237, 248, 220

HSL

83.6, 66.7%, 91.8%

HSV

83.6, 11.3%, 97.3%

CMYK

4.4%, 0.0%, 11.3%, 2.7%

OKLCH

0.9635 0.0386 124.6

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#EDF8DC

#E7DCF8

Analogous

#F8F5DC

#DFF8DC

#EDF8DC

Triadic

#EDF8DC

#DCEDF8

#F8DCED

Split Complementary

#EDF8DC

#DCDFF8

#F5DCF8

Tetradic

#EDF8DC

#DCF8F5

#E7DCF8

#F8DCDF

Color Blindness Simulation

Original

#EDF8DC

Protanopia

#F2F2E3

Deuteranopia

#F1F0E4

Tritanopia

#EEE8E9

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#E0F3C3
300
#CBEB99
400
#AEE062
500
#92D52A
600
#75AA22
700
#5D881B
800
#496A15
900
#374E13
950
#23310C

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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