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