Tailwind CSS Colors

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

Tailwind Colors