Tailwind CSS Resources by

Tailwind Colors

Tailwind CSS colors cheatsheet with hex, rgb, hsl, and oklch values. Easily copy colors in your required format.

rose
50
#fff1f2 255, 241, 242 356, 100%, 97% rose-50 96.9% 0.015 12.422
100
#ffe4e6 255, 228, 230 356, 100%, 95% rose-100 94.1% 0.03 12.58
200
#fecdd3 254, 205, 211 353, 96%, 90% rose-200 89.2% 0.058 10.001
300
#fda4af 253, 164, 175 353, 96%, 82% rose-300 81% 0.117 11.638
400
#fb7185 251, 113, 133 351, 95%, 71% rose-400 71.2% 0.194 13.428
500
#f43f5e 244, 63, 94 350, 89%, 60% rose-500 64.5% 0.246 16.439
600
#e11d48 225, 29, 72 347, 77%, 50% rose-600 58.6% 0.253 17.585
700
#be123c 190, 18, 60 345, 83%, 41% rose-700 51.4% 0.222 16.935
800
#9f1239 159, 18, 57 343, 80%, 35% rose-800 45.5% 0.188 13.697
900
#881337 136, 19, 55 342, 75%, 30% rose-900 41% 0.159 10.272
950
#4c0519 76, 5, 25 343, 88%, 16% rose-950 27.1% 0.105 12.094
pink
50
#fdf2f8 253, 242, 248 327, 73%, 97% pink-50 97.1% 0.014 343.198
100
#fce7f3 252, 231, 243 326, 78%, 95% pink-100 94.8% 0.028 342.258
200
#fbcfe8 251, 207, 232 326, 85%, 90% pink-200 89.9% 0.061 343.231
300
#f9a8d4 249, 168, 212 327, 87%, 82% pink-300 82.3% 0.12 346.018
400
#f472b6 244, 114, 182 329, 86%, 70% pink-400 71.8% 0.202 349.761
500
#ec4899 236, 72, 153 330, 81%, 60% pink-500 65.6% 0.241 354.308
600
#db2777 219, 39, 119 333, 71%, 51% pink-600 59.2% 0.249 0.584
700
#be185d 190, 24, 93 335, 78%, 42% pink-700 52.5% 0.223 3.958
800
#9d174d 157, 23, 77 336, 74%, 35% pink-800 45.9% 0.187 3.815
900
#831843 131, 24, 67 336, 69%, 30% pink-900 40.8% 0.153 2.432
950
#500724 80, 7, 36 336, 84%, 17% pink-950 28.4% 0.109 3.907
fuchsia
50
#fdf4ff 253, 244, 255 289, 100%, 98% fuchsia-50 97.7% 0.017 320.058
100
#fae8ff 250, 232, 255 287, 100%, 95% fuchsia-100 95.2% 0.037 318.852
200
#f5d0fe 245, 208, 254 288, 96%, 91% fuchsia-200 90.3% 0.076 319.62
300
#f0abfc 240, 171, 252 291, 93%, 83% fuchsia-300 83.3% 0.145 321.434
400
#e879f9 232, 121, 249 292, 91%, 73% fuchsia-400 74% 0.238 322.16
500
#d946ef 217, 70, 239 292, 84%, 61% fuchsia-500 66.7% 0.295 322.15
600
#c026d3 192, 38, 211 293, 69%, 49% fuchsia-600 59.1% 0.293 322.896
700
#a21caf 162, 28, 175 295, 72%, 40% fuchsia-700 51.8% 0.253 323.949
800
#86198f 134, 25, 143 295, 70%, 33% fuchsia-800 45.2% 0.211 324.591
900
#701a75 112, 26, 117 297, 64%, 28% fuchsia-900 40.1% 0.17 325.612
950
#4a044e 74, 4, 78 297, 90%, 16% fuchsia-950 29.3% 0.136 325.661
purple
50
#faf5ff 250, 245, 255 270, 100%, 98% purple-50 97.7% 0.014 308.299
100
#f3e8ff 243, 232, 255 269, 100%, 95% purple-100 94.6% 0.033 307.174
200
#e9d5ff 233, 213, 255 269, 100%, 92% purple-200 90.2% 0.063 306.703
300
#d8b4fe 216, 180, 254 269, 97%, 85% purple-300 82.7% 0.119 306.383
400
#c084fc 192, 132, 252 270, 95%, 75% purple-400 71.4% 0.203 305.504
500
#a855f7 168, 85, 247 271, 91%, 65% purple-500 62.7% 0.265 303.9
600
#9333ea 147, 51, 234 271, 81%, 56% purple-600 55.8% 0.288 302.321
700
#7e22ce 126, 34, 206 272, 72%, 47% purple-700 49.6% 0.265 301.924
800
#6b21a8 107, 33, 168 273, 67%, 39% purple-800 43.8% 0.218 303.724
900
#581c87 88, 28, 135 274, 66%, 32% purple-900 38.1% 0.176 304.987
950
#3b0764 59, 7, 100 274, 87%, 21% purple-950 29.1% 0.149 302.717
violet
50
#f5f3ff 245, 243, 255 250, 100%, 98% violet-50 96.9% 0.016 293.756
100
#ede9fe 237, 233, 254 251, 91%, 95% violet-100 94.3% 0.029 294.588
200
#ddd6fe 221, 214, 254 251, 95%, 92% violet-200 89.4% 0.057 293.283
300
#c4b5fd 196, 181, 253 253, 95%, 85% violet-300 81.1% 0.111 293.571
400
#a78bfa 167, 139, 250 255, 92%, 76% violet-400 70.2% 0.183 293.541
500
#8b5cf6 139, 92, 246 258, 90%, 66% violet-500 60.6% 0.25 292.717
600
#7c3aed 124, 58, 237 262, 83%, 58% violet-600 54.1% 0.281 293.009
700
#6d28d9 109, 40, 217 263, 70%, 50% violet-700 49.1% 0.27 292.581
800
#5b21b6 91, 33, 182 263, 69%, 42% violet-800 43.2% 0.232 292.759
900
#4c1d95 76, 29, 149 264, 67%, 35% violet-900 38% 0.189 293.745
950
#2e1065 46, 16, 101 261, 73%, 23% violet-950 28.3% 0.141 291.089
indigo
50
#eef2ff 238, 242, 255 226, 100%, 97% indigo-50 96.2% 0.018 272.314
100
#e0e7ff 224, 231, 255 226, 100%, 94% indigo-100 93% 0.034 272.788
200
#c7d2fe 199, 210, 254 228, 96%, 89% indigo-200 87% 0.065 274.039
300
#a5b4fc 165, 180, 252 230, 94%, 82% indigo-300 78.5% 0.115 274.713
400
#818cf8 129, 140, 248 234, 89%, 74% indigo-400 67.3% 0.182 276.935
500
#6366f1 99, 102, 241 239, 84%, 67% indigo-500 58.5% 0.233 277.117
600
#4f46e5 79, 70, 229 243, 75%, 59% indigo-600 51.1% 0.262 276.966
700
#4338ca 67, 56, 202 245, 58%, 51% indigo-700 45.7% 0.24 277.023
800
#3730a3 55, 48, 163 244, 55%, 41% indigo-800 39.8% 0.195 277.366
900
#312e81 49, 46, 129 242, 47%, 34% indigo-900 35.9% 0.144 278.697
950
#1e1b4b 30, 27, 75 244, 47%, 20% indigo-950 25.7% 0.09 281.288
blue
50
#eff6ff 239, 246, 255 214, 100%, 97% blue-50 97% 0.014 254.604
100
#dbeafe 219, 234, 254 214, 95%, 93% blue-100 93.2% 0.032 255.585
200
#bfdbfe 191, 219, 254 213, 97%, 87% blue-200 88.2% 0.059 254.128
300
#93c5fd 147, 197, 253 212, 96%, 78% blue-300 80.9% 0.105 251.813
400
#60a5fa 96, 165, 250 213, 94%, 68% blue-400 70.7% 0.165 254.624
500
#3b82f6 59, 130, 246 217, 91%, 60% blue-500 62.3% 0.214 259.815
600
#2563eb 37, 99, 235 221, 83%, 53% blue-600 54.6% 0.245 262.881
700
#1d4ed8 29, 78, 216 224, 76%, 48% blue-700 48.8% 0.243 264.376
800
#1e40af 30, 64, 175 226, 71%, 40% blue-800 42.4% 0.199 265.638
900
#1e3a8a 30, 58, 138 224, 64%, 33% blue-900 37.9% 0.146 265.522
950
#172554 23, 37, 84 226, 57%, 21% blue-950 28.2% 0.091 267.935
sky
50
#f0f9ff 240, 249, 255 204, 100%, 97% sky-50 97.7% 0.013 236.62
100
#e0f2fe 224, 242, 254 204, 94%, 94% sky-100 95.1% 0.026 236.824
200
#bae6fd 186, 230, 253 201, 94%, 86% sky-200 90.1% 0.058 230.902
300
#7dd3fc 125, 211, 252 199, 95%, 74% sky-300 82.8% 0.111 230.318
400
#38bdf8 56, 189, 248 198, 93%, 60% sky-400 74.6% 0.16 232.661
500
#0ea5e9 14, 165, 233 199, 89%, 48% sky-500 68.5% 0.169 237.323
600
#0284c7 2, 132, 199 200, 98%, 39% sky-600 58.8% 0.158 241.966
700
#0369a1 3, 105, 161 201, 96%, 32% sky-700 50% 0.134 242.749
800
#075985 7, 89, 133 201, 90%, 27% sky-800 44.3% 0.11 240.79
900
#0c4a6e 12, 74, 110 202, 80%, 24% sky-900 39.1% 0.09 240.876
950
#082f49 8, 47, 73 204, 80%, 16% sky-950 29.3% 0.066 243.157
cyan
50
#ecfeff 236, 254, 255 183, 100%, 96% cyan-50 98.4% 0.019 200.873
100
#cffafe 207, 250, 254 185, 96%, 90% cyan-100 95.6% 0.045 203.388
200
#a5f3fc 165, 243, 252 186, 94%, 82% cyan-200 91.7% 0.08 205.041
300
#67e8f9 103, 232, 249 187, 92%, 69% cyan-300 86.5% 0.127 207.078
400
#22d3ee 34, 211, 238 188, 86%, 53% cyan-400 78.9% 0.154 211.53
500
#06b6d4 6, 182, 212 189, 94%, 43% cyan-500 71.5% 0.143 215.221
600
#0891b2 8, 145, 178 192, 91%, 36% cyan-600 60.9% 0.126 221.723
700
#0e7490 14, 116, 144 193, 82%, 31% cyan-700 52% 0.105 223.128
800
#155e75 21, 94, 117 194, 70%, 27% cyan-800 45% 0.085 224.283
900
#164e63 22, 78, 99 196, 64%, 24% cyan-900 39.8% 0.07 227.392
950
#083344 8, 51, 68 197, 79%, 15% cyan-950 30.2% 0.056 229.695
teal
50
#f0fdfa 240, 253, 250 166, 76%, 97% teal-50 98.4% 0.014 180.72
100
#ccfbf1 204, 251, 241 167, 85%, 89% teal-100 95.3% 0.051 180.801
200
#99f6e4 153, 246, 228 168, 84%, 78% teal-200 91% 0.096 180.426
300
#5eead4 94, 234, 212 171, 77%, 64% teal-300 85.5% 0.138 181.071
400
#2dd4bf 45, 212, 191 172, 66%, 50% teal-400 77.7% 0.152 181.912
500
#14b8a6 20, 184, 166 173, 80%, 40% teal-500 70.4% 0.14 182.503
600
#0d9488 13, 148, 136 175, 84%, 32% teal-600 60% 0.118 184.704
700
#0f766e 15, 118, 110 175, 77%, 26% teal-700 51.1% 0.096 186.391
800
#115e59 17, 94, 89 176, 69%, 22% teal-800 43.7% 0.078 188.216
900
#134e4a 19, 78, 74 176, 61%, 19% teal-900 38.6% 0.063 188.416
950
#042f2e 4, 47, 46 179, 84%, 10% teal-950 27.7% 0.046 192.524
emerald
50
#ecfdf5 236, 253, 245 152, 81%, 96% emerald-50 97.9% 0.021 166.113
100
#d1fae5 209, 250, 229 149, 80%, 90% emerald-100 95% 0.052 163.051
200
#a7f3d0 167, 243, 208 152, 76%, 80% emerald-200 90.5% 0.093 164.15
300
#6ee7b7 110, 231, 183 156, 72%, 67% emerald-300 84.5% 0.143 164.978
400
#34d399 52, 211, 153 158, 64%, 52% emerald-400 76.5% 0.177 163.223
500
#10b981 16, 185, 129 160, 84%, 39% emerald-500 69.6% 0.17 162.48
600
#059669 5, 150, 105 161, 94%, 30% emerald-600 59.6% 0.145 163.225
700
#047857 4, 120, 87 163, 94%, 24% emerald-700 50.8% 0.118 165.612
800
#065f46 6, 95, 70 163, 88%, 20% emerald-800 43.2% 0.095 166.913
900
#064e3b 6, 78, 59 164, 86%, 16% emerald-900 37.8% 0.077 168.94
950
#022c22 2, 44, 34 166, 91%, 9% emerald-950 26.2% 0.051 172.552
green
50
#f0fdf4 240, 253, 244 138, 76%, 97% green-50 98.2% 0.018 155.826
100
#dcfce7 220, 252, 231 141, 84%, 93% green-100 96.2% 0.044 156.743
200
#bbf7d0 187, 247, 208 141, 79%, 85% green-200 92.5% 0.084 155.995
300
#86efac 134, 239, 172 142, 77%, 73% green-300 87.1% 0.15 154.449
400
#4ade80 74, 222, 128 142, 69%, 58% green-400 79.2% 0.209 151.711
500
#22c55e 34, 197, 94 142, 71%, 45% green-500 72.3% 0.219 149.579
600
#16a34a 22, 163, 74 142, 76%, 36% green-600 62.7% 0.194 149.214
700
#15803d 21, 128, 61 142, 72%, 29% green-700 52.7% 0.154 150.069
800
#166534 22, 101, 52 143, 64%, 24% green-800 44.8% 0.119 151.328
900
#14532d 20, 83, 45 144, 61%, 20% green-900 39.3% 0.095 152.535
950
#052e16 5, 46, 22 145, 80%, 10% green-950 26.6% 0.065 152.934
lime
50
#f7fee7 247, 254, 231 78, 92%, 95% lime-50 98.6% 0.031 120.757
100
#ecfccb 236, 252, 203 80, 89%, 89% lime-100 96.7% 0.067 122.328
200
#d9f99d 217, 249, 157 81, 88%, 80% lime-200 93.8% 0.127 124.321
300
#bef264 190, 242, 100 82, 85%, 67% lime-300 89.7% 0.196 126.665
400
#a3e635 163, 230, 53 83, 78%, 55% lime-400 84.1% 0.238 128.85
500
#84cc16 132, 204, 22 84, 81%, 44% lime-500 76.8% 0.233 130.85
600
#65a30d 101, 163, 13 85, 85%, 35% lime-600 64.8% 0.2 131.684
700
#4d7c0f 77, 124, 15 86, 78%, 27% lime-700 53.2% 0.157 131.589
800
#3f6212 63, 98, 18 86, 69%, 23% lime-800 45.3% 0.124 130.933
900
#365314 54, 83, 20 88, 61%, 20% lime-900 40.5% 0.101 131.063
950
#1a2e05 26, 46, 5 89, 80%, 10% lime-950 27.4% 0.072 132.109
yellow
50
#fefce8 254, 252, 232 55, 92%, 95% yellow-50 98.7% 0.026 102.212
100
#fef9c3 254, 249, 195 55, 97%, 88% yellow-100 97.3% 0.071 103.193
200
#fef08a 254, 240, 138 53, 98%, 77% yellow-200 94.5% 0.129 101.54
300
#fde047 253, 224, 71 50, 98%, 64% yellow-300 90.5% 0.182 98.111
400
#facc15 250, 204, 21 48, 96%, 53% yellow-400 85.2% 0.199 91.936
500
#eab308 234, 179, 8 45, 93%, 47% yellow-500 79.5% 0.184 86.047
600
#ca8a04 202, 138, 4 41, 96%, 40% yellow-600 68.1% 0.162 75.834
700
#a16207 161, 98, 7 35, 92%, 33% yellow-700 55.4% 0.135 66.442
800
#854d0e 133, 77, 14 32, 81%, 29% yellow-800 47.6% 0.114 61.907
900
#713f12 113, 63, 18 28, 73%, 26% yellow-900 42.1% 0.095 57.708
950
#422006 66, 32, 6 26, 83%, 14% yellow-950 28.6% 0.066 53.813
amber
50
#fffbeb 255, 251, 235 48, 100%, 96% amber-50 98.7% 0.022 95.277
100
#fef3c7 254, 243, 199 48, 96%, 89% amber-100 96.2% 0.059 95.617
200
#fde68a 253, 230, 138 48, 97%, 77% amber-200 92.4% 0.12 95.746
300
#fcd34d 252, 211, 77 46, 97%, 65% amber-300 87.9% 0.169 91.605
400
#fbbf24 251, 191, 36 43, 96%, 56% amber-400 82.8% 0.189 84.429
500
#f59e0b 245, 158, 11 38, 92%, 50% amber-500 76.9% 0.188 70.08
600
#d97706 217, 119, 6 32, 95%, 44% amber-600 66.6% 0.179 58.318
700
#b45309 180, 83, 9 26, 90%, 37% amber-700 55.5% 0.163 48.998
800
#92400e 146, 64, 14 23, 83%, 31% amber-800 47.3% 0.137 46.201
900
#78350f 120, 53, 15 22, 78%, 26% amber-900 41.4% 0.112 45.904
950
#451a03 69, 26, 3 21, 92%, 14% amber-950 27.9% 0.077 45.635
orange
50
#fff7ed 255, 247, 237 33, 100%, 96% orange-50 98% 0.016 73.684
100
#ffedd5 255, 237, 213 34, 100%, 92% orange-100 95.4% 0.038 75.164
200
#fed7aa 254, 215, 170 32, 98%, 83% orange-200 90.1% 0.076 70.697
300
#fdba74 253, 186, 116 31, 97%, 72% orange-300 83.7% 0.128 66.29
400
#fb923c 251, 146, 60 27, 96%, 61% orange-400 75% 0.183 55.934
500
#f97316 249, 115, 22 25, 95%, 53% orange-500 70.5% 0.213 47.604
600
#ea580c 234, 88, 12 21, 90%, 48% orange-600 64.6% 0.222 41.116
700
#c2410c 194, 65, 12 17, 88%, 40% orange-700 55.3% 0.195 38.402
800
#9a3412 154, 52, 18 15, 79%, 34% orange-800 47% 0.157 37.304
900
#7c2d12 124, 45, 18 15, 75%, 28% orange-900 40.8% 0.123 38.172
950
#431407 67, 20, 7 13, 81%, 15% orange-950 26.6% 0.079 36.259
red
50
#fef2f2 254, 242, 242 0, 86%, 97% red-50 97.1% 0.013 17.38
100
#fee2e2 254, 226, 226 0, 93%, 94% red-100 93.6% 0.032 17.717
200
#fecaca 254, 202, 202 0, 96%, 89% red-200 88.5% 0.062 18.334
300
#fca5a5 252, 165, 165 0, 94%, 82% red-300 80.8% 0.114 19.571
400
#f87171 248, 113, 113 0, 91%, 71% red-400 70.4% 0.191 22.216
500
#ef4444 239, 68, 68 0, 84%, 60% red-500 63.7% 0.237 25.331
600
#dc2626 220, 38, 38 0, 72%, 51% red-600 57.7% 0.245 27.325
700
#b91c1c 185, 28, 28 0, 74%, 42% red-700 50.5% 0.213 27.518
800
#991b1b 153, 27, 27 0, 70%, 35% red-800 44.4% 0.177 26.899
900
#7f1d1d 127, 29, 29 0, 63%, 31% red-900 39.6% 0.141 25.723
950
#450a0a 69, 10, 10 0, 75%, 15% red-950 25.8% 0.092 26.042
stone
50
#fafaf9 250, 250, 249 60, 9%, 98% stone-50 98.5% 0.001 106.423
100
#f5f5f4 245, 245, 244 60, 5%, 96% stone-100 97% 0.001 106.424
200
#e7e5e4 231, 229, 228 20, 6%, 90% stone-200 92.3% 0.003 48.717
300
#d6d3d1 214, 211, 209 24, 6%, 83% stone-300 86.9% 0.005 56.366
400
#a8a29e 168, 162, 158 24, 5%, 64% stone-400 70.9% 0.01 56.259
500
#78716c 120, 113, 108 25, 5%, 45% stone-500 55.3% 0.013 58.071
600
#57534e 87, 83, 78 33, 5%, 32% stone-600 44.4% 0.011 73.639
700
#44403c 68, 64, 60 30, 6%, 25% stone-700 37.4% 0.01 67.558
800
#292524 41, 37, 36 12, 6%, 15% stone-800 26.8% 0.007 34.298
900
#1c1917 28, 25, 23 24, 10%, 10% stone-900 21.6% 0.006 56.043
950
#0c0a09 12, 10, 9 20, 14%, 4% stone-950 14.7% 0.004 49.25
neutral
50
#fafafa 250, 250, 250 0, 0%, 98% neutral-50 98.5% 0 0
100
#f5f5f5 245, 245, 245 0, 0%, 96% neutral-100 97% 0 0
200
#e5e5e5 229, 229, 229 0, 0%, 90% neutral-200 92.2% 0 0
300
#d4d4d4 212, 212, 212 0, 0%, 83% neutral-300 87% 0 0
400
#a3a3a3 163, 163, 163 0, 0%, 64% neutral-400 70.8% 0 0
500
#737373 115, 115, 115 0, 0%, 45% neutral-500 55.6% 0 0
600
#525252 82, 82, 82 0, 0%, 32% neutral-600 43.9% 0 0
700
#404040 64, 64, 64 0, 0%, 25% neutral-700 37.1% 0 0
800
#262626 38, 38, 38 0, 0%, 15% neutral-800 26.9% 0 0
900
#171717 23, 23, 23 0, 0%, 9% neutral-900 20.5% 0 0
950
#0a0a0a 10, 10, 10 0, 0%, 4% neutral-950 14.5% 0 0
zinc
50
#fafafa 250, 250, 250 0, 0%, 98% zinc-50 98.5% 0 0
100
#f4f4f5 244, 244, 245 240, 5%, 96% zinc-100 96.7% 0.001 286.375
200
#e4e4e7 228, 228, 231 240, 6%, 90% zinc-200 92% 0.004 286.32
300
#d4d4d8 212, 212, 216 240, 5%, 84% zinc-300 87.1% 0.006 286.286
400
#a1a1aa 161, 161, 170 240, 5%, 65% zinc-400 70.5% 0.015 286.067
500
#71717a 113, 113, 122 240, 4%, 46% zinc-500 55.2% 0.016 285.938
600
#52525b 82, 82, 91 240, 5%, 34% zinc-600 44.2% 0.017 285.786
700
#3f3f46 63, 63, 70 240, 5%, 26% zinc-700 37% 0.013 285.805
800
#27272a 39, 39, 42 240, 4%, 16% zinc-800 27.4% 0.006 286.033
900
#18181b 24, 24, 27 240, 6%, 10% zinc-900 21% 0.006 285.885
950
#09090b 9, 9, 11 240, 10%, 4% zinc-950 14.1% 0.005 285.823
gray
50
#f9fafb 249, 250, 251 210, 20%, 98% gray-50 98.5% 0.002 247.839
100
#f3f4f6 243, 244, 246 220, 14%, 96% gray-100 96.7% 0.003 264.542
200
#e5e7eb 229, 231, 235 220, 13%, 91% gray-200 92.8% 0.006 264.531
300
#d1d5db 209, 213, 219 216, 12%, 84% gray-300 87.2% 0.01 258.338
400
#9ca3af 156, 163, 175 218, 11%, 65% gray-400 70.7% 0.022 261.325
500
#6b7280 107, 114, 128 220, 9%, 46% gray-500 55.1% 0.027 264.364
600
#4b5563 75, 85, 99 215, 14%, 34% gray-600 44.6% 0.03 256.802
700
#374151 55, 65, 81 217, 19%, 27% gray-700 37.3% 0.034 259.733
800
#1f2937 31, 41, 55 215, 28%, 17% gray-800 27.8% 0.033 256.848
900
#111827 17, 24, 39 221, 39%, 11% gray-900 21% 0.034 264.665
950
#030712 3, 7, 18 224, 71%, 4% gray-950 13% 0.028 261.692
slate
50
#f8fafc 248, 250, 252 210, 40%, 98% slate-50 98.4% 0.003 247.858
100
#f1f5f9 241, 245, 249 210, 40%, 96% slate-100 96.8% 0.007 247.896
200
#e2e8f0 226, 232, 240 214, 32%, 91% slate-200 92.9% 0.013 255.508
300
#cbd5e1 203, 213, 225 213, 27%, 84% slate-300 86.9% 0.022 252.894
400
#94a3b8 148, 163, 184 215, 20%, 65% slate-400 70.4% 0.04 256.788
500
#64748b 100, 116, 139 215, 16%, 47% slate-500 55.4% 0.046 257.417
600
#475569 71, 85, 105 215, 19%, 35% slate-600 44.6% 0.043 257.281
700
#334155 51, 65, 85 215, 25%, 27% slate-700 37.2% 0.044 257.287
800
#1e293b 30, 41, 59 217, 33%, 17% slate-800 27.9% 0.041 260.031
900
#0f172a 15, 23, 42 222, 47%, 11% slate-900 20.8% 0.042 265.755
950
#020617 2, 6, 23 229, 84%, 5% slate-950 12.9% 0.042 264.695