#EDF2C7

#EDF2C7

Color Values

HEX

#EDF2C7

RGB

237, 242, 199

HSL

67.0, 62.3%, 86.5%

HSV

67.0, 17.8%, 94.9%

CMYK

2.1%, 0.0%, 17.8%, 5.1%

OKLCH

0.9465 0.0563 112.9

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#EDF2C7

#CCC7F2

Analogous

#F2E2C7

#D8F2C7

#EDF2C7

Triadic

#EDF2C7

#C7EDF2

#F2C7ED

Split Complementary

#EDF2C7

#C7D8F2

#E2C7F2

Tetradic

#EDF2C7

#C7F2E2

#CCC7F2

#F2C7D8

Color Blindness Simulation

Original

#EDF2C7

Protanopia

#EFEFD1

Deuteranopia

#EFEED4

Tritanopia

#EDDADB

Achromatopsia

#EEEEEE

CSS Usage

background-color: #EDF2C7;
color: #EDF2C7;
border-color: #EDF2C7;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#FAFBF3
100
#F4F7E4
200
#ECF2C5
300
#DFE89C
400
#CEDB66
500
#BCCF30
600
#97A626
700
#79841F
800
#5E6718
900
#454C15
950
#2C300D

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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