Tailwind CSS

Orange

11 shades · 50 – 950

50100200300400500600700800900950

orange-50#fff7ed

orange-100#ffedd5

orange-200#fed7aa

orange-300#fdba74

orange-400#fb923c

orange-500#f97316

orange-600#ea580c

orange-700#c2410c

orange-800#9a3412

orange-900#7c2d12

orange-950#431407

All Values

ShadeClassHEXRGBHSL

50bg-orange-50#FFF7ED255, 247, 23733° 100% 96%100bg-orange-100#FFEDD5255, 237, 21334° 100% 92%200bg-orange-200#FED7AA254, 215, 17032° 98% 83%300bg-orange-300#FDBA74253, 186, 11631° 97% 72%400bg-orange-400#FB923C251, 146, 6027° 96% 61%500bg-orange-500#F97316249, 115, 2225° 95% 53%600bg-orange-600#EA580C234, 88, 1221° 90% 48%700bg-orange-700#C2410C194, 65, 1217° 88% 40%800bg-orange-800#9A3412154, 52, 1815° 79% 34%900bg-orange-900#7C2D12124, 45, 1815° 75% 28%950bg-orange-950#43140767, 20, 713° 81% 15%

Other Families