#EDF5EB

#EDF5EB

Color Values

HEX

#EDF5EB

RGB

237, 245, 235

HSL

108,0, 33,3%, 94,1%

HSV

108,0, 4,1%, 96,1%

CMYK

3,3%, 0,0%, 4,1%, 3,9%

OKLCH

0,9614 0,0157 139,4

Properties

Cool Light Nearest: ivory 2

Color Harmonies

Complementary

#EDF5EB

#F3EBF5

Analogous

#F2F5EB

#EBF5EE

#EDF5EB

Triadic

#EDF5EB

#EBEDF5

#F5EBED

Split Complementary

#EDF5EB

#EEEBF5

#F5EBF2

Tetradic

#EDF5EB

#EBF2F5

#F3EBF5

#F5EEEB

Color Blindness Simulation

Original

#EDF5EB

Protanopia

#F0F1ED

Deuteranopia

#F0EFEE

Tritanopia

#EDEFF0

Achromatopsia

#F3F3F3

CSS Usage

background-color: #EDF5EB;
color: #EDF5EB;
border-color: #EDF5EB;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D4E7CF
300
#B6D6AD
400
#8EC081
500
#66AA55
600
#528844
700
#416D36
800
#33552B
900
#283F22
950
#192815

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,86: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