#EDF3DC

#EDF3DC

Color Values

HEX

#EDF3DC

RGB

237, 243, 220

HSL

75.7, 48.9%, 90.8%

HSV

75.7, 9.5%, 95.3%

CMYK

2.5%, 0.0%, 9.5%, 4.7%

OKLCH

0.9535 0.031 118.9

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#EDF3DC

#E2DCF3

Analogous

#F3EEDC

#E2F3DC

#EDF3DC

Triadic

#EDF3DC

#DCEDF3

#F3DCED

Split Complementary

#EDF3DC

#DCE2F3

#EEDCF3

Tetradic

#EDF3DC

#DCF3EE

#E2DCF3

#F3DCE2

Color Blindness Simulation

Original

#EDF3DC

Protanopia

#F0F0E2

Deuteranopia

#EFEFE3

Tritanopia

#EDE6E7

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E6
200
#E4EDCA
300
#D0E0A4
400
#B7CF73
500
#9DBE41
600
#7E9834
700
#657A2A
800
#4F5F21
900
#3B461B
950
#252C11

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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