Tailwind CSS

Emerald

11 shades · 50 – 950

50100200300400500600700800900950

emerald-50#ecfdf5

emerald-100#d1fae5

emerald-200#a7f3d0

emerald-300#6ee7b7

emerald-400#34d399

emerald-500#10b981

emerald-600#059669

emerald-700#047857

emerald-800#065f46

emerald-900#064e3b

emerald-950#022c22

All Values

ShadeClassHEXRGBHSL

50bg-emerald-50#ECFDF5236, 253, 245152° 81% 96%100bg-emerald-100#D1FAE5209, 250, 229149° 80% 90%200bg-emerald-200#A7F3D0167, 243, 208152° 76% 80%300bg-emerald-300#6EE7B7110, 231, 183156° 72% 67%400bg-emerald-400#34D39952, 211, 153158° 64% 52%500bg-emerald-500#10B98116, 185, 129160° 84% 39%600bg-emerald-600#0596695, 150, 105161° 94% 30%700bg-emerald-700#0478574, 120, 87163° 94% 24%800bg-emerald-800#065F466, 95, 70163° 88% 20%900bg-emerald-900#064E3B6, 78, 59164° 86% 16%950bg-emerald-950#022C222, 44, 34166° 91% 9%

Other Families