Tailwind CSS Colors
Emerald 500
#10B981Tailwind classes
Backgroundbg-emerald-500
Texttext-emerald-500
Borderborder-emerald-500
Ringring-emerald-500
CSS Values
HEX#10B981
RGBrgb(16, 185, 129)
HSLhsl(160, 84%, 39%)
HSL (modern)hsl(160deg 84% 39%)
OKLCHoklch(69.6% 0.1491 162deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 2.54:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.28:1AA: PassAAA: PassAA Large: Pass
Other Emerald shades
Nearest Named Colors
See allOpen Colorteal-6
CSS Namedmediumseagreen
Crayolamountain-meadow
Munsell5G-6-8
Radix Colorsgreen-8
Material Designteal-a700
Bootstrap 5teal-500
iOS HIGsystem-green
RAL Classic6018
Ant Designcyan-6