Tailwind CSS Colors
Emerald 400
#34D399Tailwind classes
Backgroundbg-emerald-400
Texttext-emerald-400
Borderborder-emerald-400
Ringring-emerald-400
CSS Values
HEX#34D399
RGBrgb(52, 211, 153)
HSLhsl(158, 64%, 52%)
HSL (modern)hsl(158deg 64% 52%)
OKLCHoklch(77.3% 0.1535 163deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 1.92:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 10.92:1AA: PassAAA: PassAA Large: Pass
Other Emerald shades
Nearest Named Colors
See allCrayolashamrock
Open Colorteal-4
Bootstrap 5teal-500
Munsell5G-7-6
CSS Namedmediumaquamarine
Material Designgreen-300
Radix Colorsgreen-8
iOS HIGsystem-mint
Ant Designcyan-5
RAL Classic6027