Skip to content

Instantly share code, notes, and snippets.

@gdgenchev
Last active February 22, 2025 10:01
Show Gist options
  • Select an option

  • Save gdgenchev/11bae4b2ca53d3254d0e54c4d5f65595 to your computer and use it in GitHub Desktop.

Select an option

Save gdgenchev/11bae4b2ca53d3254d0e54c4d5f65595 to your computer and use it in GitHub Desktop.
Tailwind background colors
Class RGB HEX
bg-black rgb(0 0 0) #000000
bg-white rgb(255 255 255) #FFFFFF
bg-slate-50 rgb(248 250 252) #F8FAFC
bg-slate-100 rgb(241 245 249) #F1F5F9
bg-slate-200 rgb(226 232 240) #E2E8F0
bg-slate-300 rgb(203 213 225) #CBD5E1
bg-slate-400 rgb(148 163 184) #94A3B8
bg-slate-500 rgb(100 116 139) #64748B
bg-slate-600 rgb(71 85 105) #475569
bg-slate-700 rgb(51 65 85) #334155
bg-slate-800 rgb(30 41 59) #1E293B
bg-slate-900 rgb(15 23 42) #0F172A
bg-slate-950 rgb(2 6 23) #020617
bg-gray-50 rgb(249 250 251) #F9FAFB
bg-gray-100 rgb(243 244 246) #F3F4F6
bg-gray-200 rgb(229 231 235) #E5E7EB
bg-gray-300 rgb(209 213 219) #D1D5DB
bg-gray-400 rgb(156 163 175) #9CA3AF
bg-gray-500 rgb(107 114 128) #6B7280
bg-gray-600 rgb(75 85 99) #4B5563
bg-gray-700 rgb(55 65 81) #374151
bg-gray-800 rgb(31 41 55) #1F2937
bg-gray-900 rgb(17 24 39) #111827
bg-gray-950 rgb(3 7 18) #030712
bg-zinc-50 rgb(250 250 250) #FAFAFA
bg-zinc-100 rgb(244 244 245) #F4F4F5
bg-zinc-200 rgb(228 228 231) #E4E4E7
bg-zinc-300 rgb(212 212 216) #D4D4D8
bg-zinc-400 rgb(161 161 170) #A1A1AA
bg-zinc-500 rgb(113 113 122) #71717A
bg-zinc-600 rgb(82 82 91) #52525B
bg-zinc-700 rgb(63 63 70) #3F3F46
bg-zinc-800 rgb(39 39 42) #27272A
bg-zinc-900 rgb(24 24 27) #18181B
bg-zinc-950 rgb(9 9 11) #09090B
bg-neutral-50 rgb(250 250 250) #FAFAFA
bg-neutral-100 rgb(245 245 245) #F5F5F5
bg-neutral-200 rgb(229 229 229) #E5E5E5
bg-neutral-300 rgb(212 212 212) #D4D4D4
bg-neutral-400 rgb(163 163 163) #A3A3A3
bg-neutral-500 rgb(115 115 115) #737373
bg-neutral-600 rgb(82 82 82) #525252
bg-neutral-700 rgb(64 64 64) #404040
bg-neutral-800 rgb(38 38 38) #262626
bg-neutral-900 rgb(23 23 23) #171717
bg-neutral-950 rgb(10 10 10) #0A0A0A
bg-stone-50 rgb(250 250 249) #FAFAF9
bg-stone-100 rgb(245 245 244) #F5F5F4
bg-stone-200 rgb(231 229 228) #E7E5E4
bg-stone-300 rgb(214 211 209) #D6D3D1
bg-stone-400 rgb(168 162 158) #A8A29E
bg-stone-500 rgb(120 113 108) #78716C
bg-stone-600 rgb(87 83 78) #57534E
bg-stone-700 rgb(68 64 60) #44403C
bg-stone-800 rgb(41 37 36) #292524
bg-stone-900 rgb(28 25 23) #1C1917
bg-stone-950 rgb(12 10 9) #0C0A09
bg-red-50 rgb(254 242 242) #FEF2F2
bg-red-100 rgb(254 226 226) #FEE2E2
bg-red-200 rgb(254 202 202) #FECACA
bg-red-300 rgb(252 165 165) #FCA5A5
bg-red-400 rgb(248 113 113) #F87171
bg-red-500 rgb(239 68 68) #EF4444
bg-red-600 rgb(220 38 38) #DC2626
bg-red-700 rgb(185 28 28) #B91C1C
bg-red-800 rgb(153 27 27) #991B1B
bg-red-900 rgb(127 29 29) #7F1D1D
bg-red-950 rgb(69 10 10) #450A0A
bg-orange-50 rgb(255 247 237) #FFF7ED
bg-orange-100 rgb(255 237 213) #FFEDD5
bg-orange-200 rgb(254 215 170) #FED7AA
bg-orange-300 rgb(253 186 116) #FDBA74
bg-orange-400 rgb(251 146 60) #FB923C
bg-orange-500 rgb(249 115 22) #F97316
bg-orange-600 rgb(234 88 12) #EA580C
bg-orange-700 rgb(194 65 12) #C2410C
bg-orange-800 rgb(154 52 18) #9A3412
bg-orange-900 rgb(124 45 18) #7C2D12
bg-orange-950 rgb(67 20 7) #431407
bg-amber-50 rgb(255 251 235) #FFFBEB
bg-amber-100 rgb(254 243 199) #FEF3C7
bg-amber-200 rgb(253 230 138) #FDE68A
bg-amber-300 rgb(252 211 77) #FCD34D
bg-amber-400 rgb(251 191 36) #FBBF24
bg-amber-500 rgb(245 158 11) #F59E0B
bg-amber-600 rgb(217 119 6) #D97706
bg-amber-700 rgb(180 83 9) #B45309
bg-amber-800 rgb(146 64 14) #92400E
bg-amber-900 rgb(120 53 15) #78350F
bg-amber-950 rgb(69 26 3) #451A03
bg-yellow-50 rgb(254 252 232) #FEFCE8
bg-yellow-100 rgb(254 249 195) #FEF9C3
bg-yellow-200 rgb(254 240 138) #FEF08A
bg-yellow-300 rgb(253 224 71) #FDE047
bg-yellow-400 rgb(250 204 21) #FACC15
bg-yellow-500 rgb(234 179 8) #EAB308
bg-yellow-600 rgb(202 138 4) #CA8A04
bg-yellow-700 rgb(161 98 7) #A16207
bg-yellow-800 rgb(133 77 14) #854D0E
bg-yellow-900 rgb(113 63 18) #713F12
bg-yellow-950 rgb(66 32 6) #422006
bg-lime-50 rgb(247 254 231) #F7FEE7
bg-lime-100 rgb(236 252 203) #ECFCCB
bg-lime-200 rgb(217 249 157) #D9F99D
bg-lime-300 rgb(190 242 100) #BEF264
bg-lime-400 rgb(163 230 53) #A3E635
bg-lime-500 rgb(132 204 22) #84CC16
bg-lime-600 rgb(101 163 13) #65A30D
bg-lime-700 rgb(77 124 15) #4D7C0F
bg-lime-800 rgb(63 98 18) #3F6212
bg-lime-900 rgb(54 83 20) #365314
bg-lime-950 rgb(26 46 5) #1A2E05
bg-green-50 rgb(240 253 244) #F0FDF4
bg-green-100 rgb(220 252 231) #DCFCE7
bg-green-200 rgb(187 247 208) #BBF7D0
bg-green-300 rgb(134 239 172) #86EFAC
bg-green-400 rgb(74 222 128) #4ADE80
bg-green-500 rgb(34 197 94) #22C55E
bg-green-600 rgb(22 163 74) #16A34A
bg-green-700 rgb(21 128 61) #15803D
bg-green-800 rgb(22 101 52) #166534
bg-green-900 rgb(20 83 45) #14532D
bg-green-950 rgb(5 46 22) #052E16
bg-emerald-50 rgb(236 253 245) #ECFDF5
bg-emerald-100 rgb(209 250 229) #D1FAE5
bg-emerald-200 rgb(167 243 208) #A7F3D0
bg-emerald-300 rgb(110 231 183) #6EE7B7
bg-emerald-400 rgb(52 211 153) #34D399
bg-emerald-500 rgb(16 185 129) #10B981
bg-emerald-600 rgb(5 150 105) #059669
bg-emerald-700 rgb(4 120 87) #047857
bg-emerald-800 rgb(6 95 70) #065F46
bg-emerald-900 rgb(6 78 59) #064E3B
bg-emerald-950 rgb(2 44 34) #052C22
bg-teal-50 rgb(240 253 250) #F0FDFA
bg-teal-100 rgb(204 251 241) #CCFBF1
bg-teal-200 rgb(153 246 228) #99F6E4
bg-teal-300 rgb(94 234 212) #5EEAD4
bg-teal-400 rgb(45 212 191) #2DD4BF
bg-teal-500 rgb(20 184 166) #14B8A6
bg-teal-600 rgb(13 148 136) #0D9488
bg-teal-700 rgb(15 118 110) #0F766E
bg-teal-800 rgb(17 94 89) #115E59
bg-teal-900 rgb(19 78 74) #134E4A
bg-teal-950 rgb(4 47 46) #042F2E
bg-cyan-50 rgb(236 254 255) #ECFEFF
bg-cyan-100 rgb(207 250 254) #CFFAFE
bg-cyan-200 rgb(165 243 252) #A5F3FC
bg-cyan-300 rgb(103 232 249) #67E8F9
bg-cyan-400 rgb(34 211 238) #22D3EE
bg-cyan-500 rgb(6 182 212) #06B6D4
bg-cyan-600 rgb(8 145 178) #0891B2
bg-cyan-700 rgb(14 116 144) #0E7490
bg-cyan-800 rgb(21 94 117) #155E75
bg-cyan-900 rgb(22 78 99) #164E63
bg-cyan-950 rgb(8 51 68) #083344
bg-sky-50 rgb(240 249 255) #F0F9FF
bg-sky-100 rgb(224 242 254) #E0F2FE
bg-sky-200 rgb(186 230 253) #BAE6FD
bg-sky-300 rgb(125 211 252) #7DD3FC
bg-sky-400 rgb(56 189 248) #38BDF8
bg-sky-500 rgb(14 165 233) #0EA5E9
bg-sky-600 rgb(2 132 199) #0284C7
bg-sky-700 rgb(3 105 161) #0369A1
bg-sky-800 rgb(7 89 133) #075985
bg-sky-900 rgb(12 74 110) #0C4A6E
bg-sky-950 rgb(8 47 73) #082F49
bg-blue-50 rgb(239 246 255) #EFF6FF
bg-blue-100 rgb(219 234 254) #DBEAFE
bg-blue-200 rgb(191 219 254) #BFDBFE
bg-blue-300 rgb(147 197 253) #93C5FD
bg-blue-400 rgb(96 165 250) #60A5FA
bg-blue-500 rgb(59 130 246) #3B82F6
bg-blue-600 rgb(37 99 235) #2563EB
bg-blue-700 rgb(29 78 216) #1D4ED8
bg-blue-800 rgb(30 64 175) #1E40AF
bg-blue-900 rgb(30 58 138) #1E3A8A
bg-blue-950 rgb(23 37 84) #172554
bg-indigo-50 rgb(238 242 255) #EEF2FF
bg-indigo-100 rgb(224 231 255) #E0E7FF
bg-indigo-200 rgb(199 210 254) #C7D2FE
bg-indigo-300 rgb(165 180 252) #A5B4FC
bg-indigo-400 rgb(129 140 248) #818CF8
bg-indigo-500 rgb(99 102 241) #6366F1
bg-indigo-600 rgb(79 70 229) #4F46E5
bg-indigo-700 rgb(67 56 202) #4338CA
bg-indigo-800 rgb(55 48 163) #3730A3
bg-indigo-900 rgb(49 46 129) #312E81
bg-indigo-950 rgb(30 27 75) #1E1B4B
bg-violet-50 rgb(245 243 255) #F5F3FF
bg-violet-100 rgb(237 233 254) #EDE9FE
bg-violet-200 rgb(221 214 254) #DDD6FE
bg-violet-300 rgb(196 181 253) #C4B5FD
bg-violet-400 rgb(167 139 250) #A78BFA
bg-violet-500 rgb(139 92 246) #8B5CF6
bg-violet-600 rgb(124 58 237) #7C3AED
bg-violet-700 rgb(109 40 217) #6D28D9
bg-violet-800 rgb(91 33 182) #5B21B6
bg-violet-900 rgb(76 29 149) #4C1D95
bg-violet-950 rgb(46 16 101) #FAF5FF
bg-purple-50 rgb(250 245 255) #F3E8FF
bg-purple-100 rgb(243 232 255) #E9D5FF
bg-purple-200 rgb(233 213 255) #D8B4FE
bg-purple-300 rgb(216 180 254) #C084FC
bg-purple-400 rgb(192 132 252) #A855F7
bg-purple-500 rgb(168 85 247) #9333EA
bg-purple-600 rgb(147 51 234) #7E22CE
bg-purple-700 rgb(126 34 206) #6B21A8
bg-purple-800 rgb(107 33 168) #581C87
bg-purple-900 rgb(88 28 135) #3B0764
bg-purple-950 rgb(59 7 100) #FDF4FF
bg-fuchsia-50 rgb(253 244 255) #FAE8FF
bg-fuchsia-100 rgb(250 232 255) #F5D0FE
bg-fuchsia-200 rgb(245 208 254) #F0ABFC
bg-fuchsia-300 rgb(240 171 252) #E879F9
bg-fuchsia-400 rgb(232 121 249) #D946EF
bg-fuchsia-500 rgb(217 70 239) #C026D3
bg-fuchsia-600 rgb(192 38 211) #A21CAF
bg-fuchsia-700 rgb(162 28 175) #86198F
bg-fuchsia-800 rgb(134 25 143) #701A75
bg-fuchsia-900 rgb(112 26 117) #4A044E
bg-fuchsia-950 rgb(74 4 78) #FDF2F8
bg-pink-50 rgb(253 242 248) #FCE7F3
bg-pink-100 rgb(252 231 243) #FBCFE8
bg-pink-200 rgb(251 207 232) #F9A8D4
bg-pink-300 rgb(249 168 212) #F472B6
bg-pink-400 rgb(244 114 182) #EC4899
bg-pink-500 rgb(236 72 153) #DB2777
bg-pink-600 rgb(219 39 119) #BE185D
bg-pink-700 rgb(190 24 93) #9D174D
bg-pink-800 rgb(157 23 77) #831843
bg-pink-900 rgb(131 24 67) #500724
bg-pink-950 rgb(80 7 36) #FEF2F2
bg-rose-50 rgb(255 241 242) #FEE2E2
bg-rose-100 rgb(255 228 230) #FECACA
bg-rose-200 rgb(254 205 211) #FCA5A5
bg-rose-300 rgb(253 164 175) #F87171
bg-rose-400 rgb(251 113 133) #EF4444
bg-rose-500 rgb(244 63 94) #DC2626
bg-rose-600 rgb(225 29 72) #B91C1C
bg-rose-700 rgb(190 18 60) #991B1B
bg-rose-800 rgb(159 18 57) #7F1D1D
bg-rose-900 rgb(136 19 55) #450A0A
bg-rose-950 rgb(76 5 25) #FFF7ED
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment