#EDFDF5

#EDFDF5

Color Values

HEX

#EDFDF5

RGB

237, 253, 245

HSL

150,0, 80,0%, 96,1%

HSV

150,0, 6,3%, 99,2%

CMYK

6,3%, 0,0%, 3,2%, 0,8%

OKLCH

0,98 0,0198 164,6

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#EDFDF5

#FDEDF5

Analogous

#EDFDED

#EDFDFD

#EDFDF5

Triadic

#EDFDF5

#F5EDFD

#FDF5ED

Split Complementary

#EDFDF5

#FDEDFD

#FDEDED

Tetradic

#EDFDF5

#EDEDFD

#FDEDF5

#FDFDED

Color Blindness Simulation

Original

#EDFDF5

Protanopia

#F4F4F7

Deuteranopia

#F3F2F7

Tritanopia

#EEF8F9

Achromatopsia

#F9F9F9

CSS Usage

background-color: #EDFDF5;
color: #EDFDF5;
border-color: #EDFDF5;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F2FDF7
100
#E1F9ED
200
#BFF8DB
300
#91F3C2
400
#55ECA1
500
#19E680
600
#14B866
700
#109352
800
#0D7340
900
#0E5330
950
#09351F

Contrast Checker

Text on white

1,05:1

AA Fail AAA Fail

Text on black

19,97: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