#EDF4BE

#EDF4BE

Color Values

HEX

#EDF4BE

RGB

237, 244, 190

HSL

67.8, 71.1%, 85.1%

HSV

67.8, 22.1%, 95.7%

CMYK

2.9%, 0.0%, 22.1%, 4.3%

OKLCH

0.9486 0.0703 113.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#EDF4BE

#C5BEF4

Analogous

#F4E0BE

#D2F4BE

#EDF4BE

Triadic

#EDF4BE

#BEEDF4

#F4BEED

Split Complementary

#EDF4BE

#BED2F4

#E0BEF4

Tetradic

#EDF4BE

#BEF4E0

#C5BEF4

#F4BED2

Color Blindness Simulation

Original

#EDF4BE

Protanopia

#F0F0CB

Deuteranopia

#F0EFCE

Tritanopia

#EDD5D8

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F8E2
200
#EEF5C2
300
#E2ED96
400
#D2E45E
500
#C3DA25
600
#9CAF1D
700
#7D8C18
800
#616D12
900
#474F11
950
#2D320B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026