Tailwind CSS

Green

11 shades · 50 – 950

50100200300400500600700800900950

green-50#f0fdf4

green-100#dcfce7

green-200#bbf7d0

green-300#86efac

green-400#4ade80

green-500#22c55e

green-600#16a34a

green-700#15803d

green-800#166534

green-900#14532d

green-950#052e16

All Values

ShadeClassHEXRGBHSL

50bg-green-50#F0FDF4240, 253, 244138° 76% 97%100bg-green-100#DCFCE7220, 252, 231141° 84% 93%200bg-green-200#BBF7D0187, 247, 208141° 79% 85%300bg-green-300#86EFAC134, 239, 172142° 77% 73%400bg-green-400#4ADE8074, 222, 128142° 69% 58%500bg-green-500#22C55E34, 197, 94142° 71% 45%600bg-green-600#16A34A22, 163, 74142° 76% 36%700bg-green-700#15803D21, 128, 61142° 72% 29%800bg-green-800#16653422, 101, 52143° 64% 24%900bg-green-900#14532D20, 83, 45144° 61% 20%950bg-green-950#052E165, 46, 22145° 80% 10%

Other Families