#fafafa
rgb(250, 250, 250)
Material Grey 50
Shade 50
Design system
Official Tailwind CSS color scales from 50 to 950 with HEX, RGB, HSL, OKLCH, and copy-ready class names. 241 colors in this reference. Shade numbers are official for this system; other hex values on ColorBase are labeled as nearest approximations.
#fafafa
rgb(250, 250, 250)
Material Grey 50
Shade 50
#fef3c7
rgb(254, 243, 199)
Tailwind amber 100
Shade 100
#fde68a
rgb(253, 230, 138)
Tailwind amber 200
Shade 200
#fcd34d
rgb(252, 211, 77)
Tailwind amber 300
Shade 300
#fbbf24
rgb(251, 191, 36)
Tailwind amber 400
Shade 400
#fffbeb
rgb(255, 251, 235)
Tailwind amber 50
Shade 50
#f59e0b
rgb(245, 158, 11)
Tailwind amber 500
Shade 500
#d97706
rgb(217, 119, 6)
Tailwind amber 600
Shade 600
#b45309
rgb(180, 83, 9)
Tailwind amber 700
Shade 700
#92400e
rgb(146, 64, 14)
Tailwind amber 800
Shade 800
#78350f
rgb(120, 53, 15)
Tailwind amber 900
Shade 900
#451a03
rgb(69, 26, 3)
Tailwind amber 950
Shade 950
#dbeafe
rgb(219, 234, 254)
Tailwind blue 100
Shade 100
#bfdbfe
rgb(191, 219, 254)
Tailwind blue 200
Shade 200
#93c5fd
rgb(147, 197, 253)
Tailwind blue 300
Shade 300
#60a5fa
rgb(96, 165, 250)
Tailwind blue 400
Shade 400
#eff6ff
rgb(239, 246, 255)
Tailwind blue 50
Shade 50
#3b82f6
rgb(59, 130, 246)
Tailwind blue 500
Shade 500
#2563eb
rgb(37, 99, 235)
Tailwind blue 600
Shade 600
#1d4ed8
rgb(29, 78, 216)
Tailwind blue 700
Shade 700
#1e40af
rgb(30, 64, 175)
Tailwind blue 800
Shade 800
#1e3a8a
rgb(30, 58, 138)
Tailwind blue 900
Shade 900
#172554
rgb(23, 37, 84)
Tailwind blue 950
Shade 950
#cffafe
rgb(207, 250, 254)
Tailwind cyan 100
Shade 100
#a5f3fc
rgb(165, 243, 252)
Tailwind cyan 200
Shade 200
#67e8f9
rgb(103, 232, 249)
Tailwind cyan 300
Shade 300
#22d3ee
rgb(34, 211, 238)
Tailwind cyan 400
Shade 400
#ecfeff
rgb(236, 254, 255)
Tailwind cyan 50
Shade 50
#06b6d4
rgb(6, 182, 212)
Tailwind cyan 500
Shade 500
#0891b2
rgb(8, 145, 178)
Tailwind cyan 600
Shade 600
#0e7490
rgb(14, 116, 144)
Tailwind cyan 700
Shade 700
#155e75
rgb(21, 94, 117)
Tailwind cyan 800
Shade 800
#164e63
rgb(22, 78, 99)
Tailwind cyan 900
Shade 900
#083344
rgb(8, 51, 68)
Tailwind cyan 950
Shade 950
#d1fae5
rgb(209, 250, 229)
Tailwind emerald 100
Shade 100
#a7f3d0
rgb(167, 243, 208)
Tailwind emerald 200
Shade 200
#6ee7b7
rgb(110, 231, 183)
Tailwind emerald 300
Shade 300
#34d399
rgb(52, 211, 153)
Tailwind emerald 400
Shade 400
#ecfdf5
rgb(236, 253, 245)
Tailwind emerald 50
Shade 50
#10b981
rgb(16, 185, 129)
Tailwind emerald 500
Shade 500
#059669
rgb(5, 150, 105)
Tailwind emerald 600
Shade 600
#047857
rgb(4, 120, 87)
Tailwind emerald 700
Shade 700
#065f46
rgb(6, 95, 70)
Tailwind emerald 800
Shade 800
#064e3b
rgb(6, 78, 59)
Tailwind emerald 900
Shade 900
#022c22
rgb(2, 44, 34)
Tailwind emerald 950
Shade 950
#fae8ff
rgb(250, 232, 255)
Tailwind fuchsia 100
Shade 100
#f5d0fe
rgb(245, 208, 254)
Tailwind fuchsia 200
Shade 200
#f0abfc
rgb(240, 171, 252)
Tailwind fuchsia 300
Shade 300
#e879f9
rgb(232, 121, 249)
Tailwind fuchsia 400
Shade 400
#fdf4ff
rgb(253, 244, 255)
Tailwind fuchsia 50
Shade 50
#d946ef
rgb(217, 70, 239)
Tailwind fuchsia 500
Shade 500
#c026d3
rgb(192, 38, 211)
Tailwind fuchsia 600
Shade 600
#a21caf
rgb(162, 28, 175)
Tailwind fuchsia 700
Shade 700
#86198f
rgb(134, 25, 143)
Tailwind fuchsia 800
Shade 800
#701a75
rgb(112, 26, 117)
Tailwind fuchsia 900
Shade 900
#4a044e
rgb(74, 4, 78)
Tailwind fuchsia 950
Shade 950
#f3f4f6
rgb(243, 244, 246)
Tailwind gray 100
Shade 100
#e5e7eb
rgb(229, 231, 235)
Tailwind gray 200
Shade 200
#d1d5db
rgb(209, 213, 219)
Tailwind gray 300
Shade 300
#9ca3af
rgb(156, 163, 175)
Tailwind gray 400
Shade 400
#f9fafb
rgb(249, 250, 251)
Tailwind gray 50
Shade 50
#6b7280
rgb(107, 114, 128)
Tailwind gray 500
Shade 500
#4b5563
rgb(75, 85, 99)
Tailwind gray 600
Shade 600
#374151
rgb(55, 65, 81)
Tailwind gray 700
Shade 700
#1f2937
rgb(31, 41, 55)
Tailwind gray 800
Shade 800
#111827
rgb(17, 24, 39)
Tailwind gray 900
Shade 900
#030712
rgb(3, 7, 18)
Tailwind gray 950
Shade 950
#dcfce7
rgb(220, 252, 231)
Tailwind green 100
Shade 100
#bbf7d0
rgb(187, 247, 208)
Tailwind green 200
Shade 200
#86efac
rgb(134, 239, 172)
Tailwind green 300
Shade 300
#4ade80
rgb(74, 222, 128)
Tailwind green 400
Shade 400
#f0fdf4
rgb(240, 253, 244)
Tailwind green 50
Shade 50
#22c55e
rgb(34, 197, 94)
Tailwind green 500
Shade 500
#16a34a
rgb(22, 163, 74)
Tailwind green 600
Shade 600
#15803d
rgb(21, 128, 61)
Tailwind green 700
Shade 700
#166534
rgb(22, 101, 52)
Tailwind green 800
Shade 800
#14532d
rgb(20, 83, 45)
Tailwind green 900
Shade 900
#052e16
rgb(5, 46, 22)
Tailwind green 950
Shade 950
#e0e7ff
rgb(224, 231, 255)
Tailwind indigo 100
Shade 100
#c7d2fe
rgb(199, 210, 254)
Tailwind indigo 200
Shade 200
#a5b4fc
rgb(165, 180, 252)
Tailwind indigo 300
Shade 300
#818cf8
rgb(129, 140, 248)
Tailwind indigo 400
Shade 400
#eef2ff
rgb(238, 242, 255)
Tailwind indigo 50
Shade 50
#6366f1
rgb(99, 102, 241)
Tailwind indigo 500
Shade 500
#4f46e5
rgb(79, 70, 229)
Tailwind indigo 600
Shade 600
#4338ca
rgb(67, 56, 202)
Tailwind indigo 700
Shade 700
#3730a3
rgb(55, 48, 163)
Tailwind indigo 800
Shade 800
#312e81
rgb(49, 46, 129)
Tailwind indigo 900
Shade 900
#1e1b4b
rgb(30, 27, 75)
Tailwind indigo 950
Shade 950
#ecfccb
rgb(236, 252, 203)
Tailwind lime 100
Shade 100
#d9f99d
rgb(217, 249, 157)
Tailwind lime 200
Shade 200
#bef264
rgb(190, 242, 100)
Tailwind lime 300
Shade 300
#a3e635
rgb(163, 230, 53)
Tailwind lime 400
Shade 400
#f7fee7
rgb(247, 254, 231)
Tailwind lime 50
Shade 50
#84cc16
rgb(132, 204, 22)
Tailwind lime 500
Shade 500
#65a30d
rgb(101, 163, 13)
Tailwind lime 600
Shade 600
#4d7c0f
rgb(77, 124, 15)
Tailwind lime 700
Shade 700
#3f6212
rgb(63, 98, 18)
Tailwind lime 800
Shade 800
#365314
rgb(54, 83, 20)
Tailwind lime 900
Shade 900
#1a2e05
rgb(26, 46, 5)
Tailwind lime 950
Shade 950
#e5e5e5
rgb(229, 229, 229)
Tailwind neutral 200
Shade 200
#d4d4d4
rgb(212, 212, 212)
Tailwind neutral 300
Shade 300
#a3a3a3
rgb(163, 163, 163)
Tailwind neutral 400
Shade 400
#737373
rgb(115, 115, 115)
Tailwind neutral 500
Shade 500
#525252
rgb(82, 82, 82)
Tailwind neutral 600
Shade 600
#404040
rgb(64, 64, 64)
Tailwind neutral 700
Shade 700
#262626
rgb(38, 38, 38)
Tailwind neutral 800
Shade 800
#171717
rgb(23, 23, 23)
Tailwind neutral 900
Shade 900
#0a0a0a
rgb(10, 10, 10)
Tailwind neutral 950
Shade 950
#ffedd5
rgb(255, 237, 213)
Tailwind orange 100
Shade 100
#fed7aa
rgb(254, 215, 170)
Tailwind orange 200
Shade 200
#fdba74
rgb(253, 186, 116)
Tailwind orange 300
Shade 300
#fb923c
rgb(251, 146, 60)
Tailwind orange 400
Shade 400
#fff7ed
rgb(255, 247, 237)
Tailwind orange 50
Shade 50
#f97316
rgb(249, 115, 22)
Tailwind orange 500
Shade 500
#ea580c
rgb(234, 88, 12)
Tailwind orange 600
Shade 600
#c2410c
rgb(194, 65, 12)
Tailwind orange 700
Shade 700
#9a3412
rgb(154, 52, 18)
Tailwind orange 800
Shade 800
#7c2d12
rgb(124, 45, 18)
Tailwind orange 900
Shade 900
#431407
rgb(67, 20, 7)
Tailwind orange 950
Shade 950
#fce7f3
rgb(252, 231, 243)
Tailwind pink 100
Shade 100
#fbcfe8
rgb(251, 207, 232)
Tailwind pink 200
Shade 200
#f9a8d4
rgb(249, 168, 212)
Tailwind pink 300
Shade 300
#f472b6
rgb(244, 114, 182)
Tailwind pink 400
Shade 400
#fdf2f8
rgb(253, 242, 248)
Tailwind pink 50
Shade 50
#ec4899
rgb(236, 72, 153)
Tailwind pink 500
Shade 500
#db2777
rgb(219, 39, 119)
Tailwind pink 600
Shade 600
#be185d
rgb(190, 24, 93)
Tailwind pink 700
Shade 700
#9d174d
rgb(157, 23, 77)
Tailwind pink 800
Shade 800
#831843
rgb(131, 24, 67)
Tailwind pink 900
Shade 900
#500724
rgb(80, 7, 36)
Tailwind pink 950
Shade 950
#f3e8ff
rgb(243, 232, 255)
Tailwind purple 100
Shade 100
#e9d5ff
rgb(233, 213, 255)
Tailwind purple 200
Shade 200
#d8b4fe
rgb(216, 180, 254)
Tailwind purple 300
Shade 300
#c084fc
rgb(192, 132, 252)
Tailwind purple 400
Shade 400
#faf5ff
rgb(250, 245, 255)
Tailwind purple 50
Shade 50
#a855f7
rgb(168, 85, 247)
Tailwind purple 500
Shade 500
#9333ea
rgb(147, 51, 234)
Tailwind purple 600
Shade 600
#7e22ce
rgb(126, 34, 206)
Tailwind purple 700
Shade 700
#6b21a8
rgb(107, 33, 168)
Tailwind purple 800
Shade 800
#581c87
rgb(88, 28, 135)
Tailwind purple 900
Shade 900
#3b0764
rgb(59, 7, 100)
Tailwind purple 950
Shade 950
#fee2e2
rgb(254, 226, 226)
Tailwind red 100
Shade 100
#fecaca
rgb(254, 202, 202)
Tailwind red 200
Shade 200
#fca5a5
rgb(252, 165, 165)
Tailwind red 300
Shade 300
#f87171
rgb(248, 113, 113)
Tailwind red 400
Shade 400
#fef2f2
rgb(254, 242, 242)
Tailwind red 50
Shade 50
#ef4444
rgb(239, 68, 68)
Tailwind red 500
Shade 500
#dc2626
rgb(220, 38, 38)
Tailwind red 600
Shade 600
#b91c1c
rgb(185, 28, 28)
Tailwind red 700
Shade 700
#991b1b
rgb(153, 27, 27)
Tailwind red 800
Shade 800
#7f1d1d
rgb(127, 29, 29)
Tailwind red 900
Shade 900
#450a0a
rgb(69, 10, 10)
Tailwind red 950
Shade 950
#ffe4e6
rgb(255, 228, 230)
Tailwind rose 100
Shade 100
#fecdd3
rgb(254, 205, 211)
Tailwind rose 200
Shade 200
#fda4af
rgb(253, 164, 175)
Tailwind rose 300
Shade 300
#fb7185
rgb(251, 113, 133)
Tailwind rose 400
Shade 400
#fff1f2
rgb(255, 241, 242)
Tailwind rose 50
Shade 50
#f43f5e
rgb(244, 63, 94)
Tailwind rose 500
Shade 500
#e11d48
rgb(225, 29, 72)
Tailwind rose 600
Shade 600
#be123c
rgb(190, 18, 60)
Tailwind rose 700
Shade 700
#9f1239
rgb(159, 18, 57)
Tailwind rose 800
Shade 800
#881337
rgb(136, 19, 55)
Tailwind rose 900
Shade 900
#4c0519
rgb(76, 5, 25)
Tailwind rose 950
Shade 950
#e0f2fe
rgb(224, 242, 254)
Tailwind sky 100
Shade 100
#bae6fd
rgb(186, 230, 253)
Tailwind sky 200
Shade 200
#7dd3fc
rgb(125, 211, 252)
Tailwind sky 300
Shade 300
#38bdf8
rgb(56, 189, 248)
Tailwind sky 400
Shade 400
#f0f9ff
rgb(240, 249, 255)
Tailwind sky 50
Shade 50
#0ea5e9
rgb(14, 165, 233)
Tailwind sky 500
Shade 500
#0284c7
rgb(2, 132, 199)
Tailwind sky 600
Shade 600
#0369a1
rgb(3, 105, 161)
Tailwind sky 700
Shade 700
#075985
rgb(7, 89, 133)
Tailwind sky 800
Shade 800
#0c4a6e
rgb(12, 74, 110)
Tailwind sky 900
Shade 900
#082f49
rgb(8, 47, 73)
Tailwind sky 950
Shade 950
#f1f5f9
rgb(241, 245, 249)
Tailwind slate 100
Shade 100
#e2e8f0
rgb(226, 232, 240)
Tailwind slate 200
Shade 200
#cbd5e1
rgb(203, 213, 225)
Tailwind slate 300
Shade 300
#94a3b8
rgb(148, 163, 184)
Tailwind slate 400
Shade 400
#f8fafc
rgb(248, 250, 252)
Tailwind slate 50
Shade 50
#64748b
rgb(100, 116, 139)
Tailwind slate 500
Shade 500
#475569
rgb(71, 85, 105)
Tailwind slate 600
Shade 600
#334155
rgb(51, 65, 85)
Tailwind slate 700
Shade 700
#1e293b
rgb(30, 41, 59)
Tailwind slate 800
Shade 800
#0f172a
rgb(15, 23, 42)
Tailwind slate 900
Shade 900
#020617
rgb(2, 6, 23)
Tailwind slate 950
Shade 950
#f5f5f4
rgb(245, 245, 244)
Tailwind stone 100
Shade 100
#e7e5e4
rgb(231, 229, 228)
Tailwind stone 200
Shade 200
#d6d3d1
rgb(214, 211, 209)
Tailwind stone 300
Shade 300
#a8a29e
rgb(168, 162, 158)
Tailwind stone 400
Shade 400
#fafaf9
rgb(250, 250, 249)
Tailwind stone 50
Shade 50
#78716c
rgb(120, 113, 108)
Tailwind stone 500
Shade 500
#57534e
rgb(87, 83, 78)
Tailwind stone 600
Shade 600
#44403c
rgb(68, 64, 60)
Tailwind stone 700
Shade 700
#292524
rgb(41, 37, 36)
Tailwind stone 800
Shade 800
#1c1917
rgb(28, 25, 23)
Tailwind stone 900
Shade 900
#0c0a09
rgb(12, 10, 9)
Tailwind stone 950
Shade 950
#ccfbf1
rgb(204, 251, 241)
Tailwind teal 100
Shade 100
#99f6e4
rgb(153, 246, 228)
Tailwind teal 200
Shade 200
#5eead4
rgb(94, 234, 212)
Tailwind teal 300
Shade 300
#2dd4bf
rgb(45, 212, 191)
Tailwind teal 400
Shade 400
#f0fdfa
rgb(240, 253, 250)
Tailwind teal 50
Shade 50
#14b8a6
rgb(20, 184, 166)
Tailwind teal 500
Shade 500
#0d9488
rgb(13, 148, 136)
Tailwind teal 600
Shade 600
#0f766e
rgb(15, 118, 110)
Tailwind teal 700
Shade 700
#115e59
rgb(17, 94, 89)
Tailwind teal 800
Shade 800
#134e4a
rgb(19, 78, 74)
Tailwind teal 900
Shade 900
#042f2e
rgb(4, 47, 46)
Tailwind teal 950
Shade 950
#ede9fe
rgb(237, 233, 254)
Tailwind violet 100
Shade 100
#ddd6fe
rgb(221, 214, 254)
Tailwind violet 200
Shade 200
#c4b5fd
rgb(196, 181, 253)
Tailwind violet 300
Shade 300
#a78bfa
rgb(167, 139, 250)
Tailwind violet 400
Shade 400
#f5f3ff
rgb(245, 243, 255)
Tailwind violet 50
Shade 50
#8b5cf6
rgb(139, 92, 246)
Tailwind violet 500
Shade 500
#7c3aed
rgb(124, 58, 237)
Tailwind violet 600
Shade 600
#6d28d9
rgb(109, 40, 217)
Tailwind violet 700
Shade 700
#5b21b6
rgb(91, 33, 182)
Tailwind violet 800
Shade 800
#4c1d95
rgb(76, 29, 149)
Tailwind violet 900
Shade 900
#2e1065
rgb(46, 16, 101)
Tailwind violet 950
Shade 950
#fef9c3
rgb(254, 249, 195)
Tailwind yellow 100
Shade 100
#fef08a
rgb(254, 240, 138)
Tailwind yellow 200
Shade 200
#fde047
rgb(253, 224, 71)
Tailwind yellow 300
Shade 300
#facc15
rgb(250, 204, 21)
Tailwind yellow 400
Shade 400
#fefce8
rgb(254, 252, 232)
Tailwind yellow 50
Shade 50
#eab308
rgb(234, 179, 8)
Tailwind yellow 500
Shade 500
#ca8a04
rgb(202, 138, 4)
Tailwind yellow 600
Shade 600
#a16207
rgb(161, 98, 7)
Tailwind yellow 700
Shade 700
#854d0e
rgb(133, 77, 14)
Tailwind yellow 800
Shade 800
#713f12
rgb(113, 63, 18)
Tailwind yellow 900
Shade 900
#422006
rgb(66, 32, 6)
Tailwind yellow 950
Shade 950
#f4f4f5
rgb(244, 244, 245)
Tailwind zinc 100
Shade 100
#e4e4e7
rgb(228, 228, 231)
Tailwind zinc 200
Shade 200
#d4d4d8
rgb(212, 212, 216)
Tailwind zinc 300
Shade 300
#a1a1aa
rgb(161, 161, 170)
Tailwind zinc 400
Shade 400
#71717a
rgb(113, 113, 122)
Tailwind zinc 500
Shade 500
#52525b
rgb(82, 82, 91)
Tailwind zinc 600
Shade 600
#3f3f46
rgb(63, 63, 70)
Tailwind zinc 700
Shade 700
#27272a
rgb(39, 39, 42)
Tailwind zinc 800
Shade 800
#18181b
rgb(24, 24, 27)
Tailwind zinc 900
Shade 900
#09090b
rgb(9, 9, 11)
Tailwind zinc 950
Shade 950
#f5f5f5
rgb(245, 245, 245)
WhiteSmoke
white