Tailwind CSS Colors

Emerald 50

#ECFDF5

Tailwind classes

Backgroundbg-emerald-50
Texttext-emerald-50
Borderborder-emerald-50
Ringring-emerald-50

CSS Values

HEX#ECFDF5
RGBrgb(236, 253, 245)
HSLhsl(152, 81%, 96%)
HSL (modern)hsl(152deg 81% 96%)
OKLCHoklch(97.9% 0.0207 166deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.05:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.94:1AA: PassAAA: PassAA Large: Pass

Other Emerald shades

Nearest Named Colors

See all
Open Color
teal-0
Ant Design
cyan-1
CSS Named
honeydew
Radix Colors
green-2
Material Design
light-green-50
Bootstrap 5
gray-100
RAL Classic
9010
Crayola
white
Munsell
N-9