#EBFDF4

#EBFDF4

Color Values

HEX

#EBFDF4

RGB

235, 253, 244

HSL

150,0, 81,8%, 95,7%

HSV

150,0, 7,1%, 99,2%

CMYK

7,1%, 0,0%, 3,6%, 0,8%

OKLCH

0,9783 0,0223 164,5

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#EBFDF4

#FDEBF4

Analogous

#EBFDEB

#EBFDFD

#EBFDF4

Triadic

#EBFDF4

#F4EBFD

#FDF4EB

Split Complementary

#EBFDF4

#FDEBFD

#FDEBEB

Tetradic

#EBFDF4

#EBEBFD

#FDEBF4

#FDFDEB

Color Blindness Simulation

Original

#EBFDF4

Protanopia

#F3F3F6

Deuteranopia

#F2F0F7

Tritanopia

#ECF8F8

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DB
300
#90F4C2
400
#53EEA1
500
#17E880
600
#13B966
700
#0F9452
800
#0C7440
900
#0D5430
950
#08351F

Contrast Checker

Text on white

1,06:1

AA Fail AAA Fail

Text on black

19,89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026