Колірна палітра Tailwind CSS

slate

  • 50 #f8fafc rgb(248 250 252) hsl(210 40% 98%) hwb(210 97.3% 1.18%) lch(98.2 1.28 251) lab(98.2 -0.4 -1.2) oklch(0.98 0 248) oklab(98.4% 0 0)
  • 100 #f1f5f9 rgb(241 245 249) hsl(210 40% 96.1%) hwb(210 94.5% 2.35%) lch(96.3 2.56 251) lab(96.3 -0.8 -2.4) oklch(0.97 0.01 248) oklab(96.8% 0 0)
  • 200 #e2e8f0 rgb(226 232 240) hsl(214 31.8% 91.4%) hwb(214 88.6% 5.88%) lch(91.7 4.73 258) lab(91.7 -1 -4.6) oklch(0.93 0.01 256) oklab(92.9% 0 0)
  • 300 #cbd5e1 rgb(203 213 225) hsl(213 26.8% 83.9%) hwb(213 79.6% 11.8%) lch(84.8 7.38 256) lab(84.8 -1.8 -7.2) oklch(0.87 0.02 253) oklab(86.9% 0 0)
  • 400 #94a3b8 rgb(148 163 184) hsl(215 20.2% 65.1%) hwb(215 58% 27.8%) lch(66.3 12.9 261) lab(66.3 -2.1 -13) oklch(0.71 0.04 257) oklab(71.1% 0 0)
  • 500 #64748b rgb(100 116 139) hsl(215 16.3% 46.9%) hwb(215 39.2% 45.5%) lch(48.2 14.8 263) lab(48.2 -1.9 -15) oklch(0.55 0.04 257) oklab(55.4% 0 0)
  • 600 #475569 rgb(71 85 105) hsl(215 19.3% 34.5%) hwb(215 27.8% 58.8%) lch(35.5 13.6 263) lab(35.5 -1.7 -13) oklch(0.45 0.04 257) oklab(44.6% 0 0)
  • 700 #334155 rgb(51 65 85) hsl(215 25% 26.7%) hwb(215 20% 66.7%) lch(27 14.1 264) lab(27 -1.5 -14) oklch(0.37 0.04 257) oklab(37.2% 0 0)
  • 800 #1e293b rgb(30 41 59) hsl(217 32.6% 17.5%) hwb(217 11.8% 76.9%) lch(16.2 13.2 268) lab(16.2 -0.5 -13) oklch(0.28 0.04 260) oklab(27.9% 0 0)
  • 900 #0f172a rgb(15 23 42) hsl(222 47.4% 11.2%) hwb(222 5.88% 83.5%) lch(7.78 14.4 276) lab(7.78 1.59 -14) oklch(0.21 0.04 266) oklab(20.8% 0 0)
  • 950 #020617 rgb(2 6 23) hsl(229 84% 4.9%) hwb(229 0.78% 91%) lch(1.77 8.93 278) lab(1.77 1.22 -8.8) oklch(0.13 0.04 265) oklab(12.9% 0 0)

gray

  • 50 #f9fafb rgb(249 250 251) hsl(210 20% 98%) hwb(210 97.6% 1.57%) lch(98.2 0.64 251) lab(98.2 -0.2 -0.6) oklch(0.98 0 248) oklab(98.5% 0 0)
  • 100 #f3f4f6 rgb(243 244 246) hsl(220 14.3% 95.9%) hwb(220 95.3% 3.53%) lch(96.2 1.09 266) lab(96.2 -0.1 -1.1) oklch(0.97 0 265) oklab(96.7% 0 0)
  • 200 #e5e7eb rgb(229 231 235) hsl(220 13% 91%) hwb(220 89.8% 7.84%) lch(91.6 2.2 266) lab(91.6 -0.2 -2.2) oklch(0.93 0.01 265) oklab(92.8% 0 0)
  • 300 #d1d5db rgb(209 213 219) hsl(216 12.2% 83.9%) hwb(216 82% 14.1%) lch(85.1 3.52 261) lab(85.1 -0.6 -3.5) oklch(0.87 0.01 258) oklab(87.2% 0 0)
  • 400 #9ca3af rgb(156 163 175) hsl(218 10.6% 64.9%) hwb(218 61.2% 31.4%) lch(66.7 7.18 264) lab(66.7 -0.8 -7.1) oklch(0.71 0.02 261) oklab(71.4% 0 0)
  • 500 #6b7280 rgb(107 114 128) hsl(220 8.94% 46.1%) hwb(220 42% 49.8%) lch(47.8 8.71 267) lab(47.8 -0.4 -8.7) oklch(0.55 0.02 264) oklab(55.1% 0 0)
  • 600 #4b5563 rgb(75 85 99) hsl(215 13.8% 34.1%) hwb(215 29.4% 61.2%) lch(35.7 9.65 261) lab(35.7 -1.5 -10) oklch(0.45 0.03 257) oklab(44.6% 0 0)
  • 700 #374151 rgb(55 65 81) hsl(217 19.1% 26.7%) hwb(217 21.6% 68.2%) lch(27.1 11.2 265) lab(27.1 -1 -11) oklch(0.37 0.03 260) oklab(37.3% 0 0)
  • 800 #1f2937 rgb(31 41 55) hsl(215 27.9% 16.9%) hwb(215 12.2% 78.4%) lch(16.1 10.6 264) lab(16.1 -1.2 -11) oklch(0.28 0.03 257) oklab(27.8% 0 0)
  • 900 #111827 rgb(17 24 39) hsl(221 39.3% 11%) hwb(221 6.67% 84.7%) lch(8.15 11.5 273) lab(8.15 0.64 -11) oklch(0.21 0.03 265) oklab(21% 0 0)
  • 950 #030712 rgb(3 7 18) hsl(224 71.4% 4.12%) hwb(224 1.18% 92.9%) lch(1.89 5.31 273) lab(1.89 0.25 -5.3) oklch(0.13 0.03 262) oklab(13% 0 0)

zinc

  • 50 #fafafa rgb(250 250 250) hsl(0 0% 98%) hwb(0 98% 1.96%) lch(98.3 0 0) lab(98.3 0 0) oklch(0.99 0 0) oklab(98.5% 0 0)
  • 100 #f4f4f5 rgb(244 244 245) hsl(240 4.76% 95.9%) hwb(240 95.7% 3.92%) lch(96.2 0.5 285) lab(96.2 0.13 -0.5) oklch(0.97 0 286) oklab(96.7% 0 0)
  • 200 #e4e4e7 rgb(228 228 231) hsl(240 5.88% 90%) hwb(240 89.4% 9.41%) lch(90.7 1.52 285) lab(90.7 0.4 -1.5) oklch(0.92 0 286) oklab(92% 0 0)
  • 300 #d4d4d8 rgb(212 212 216) hsl(240 4.88% 83.9%) hwb(240 83.1% 15.3%) lch(85 2.05 285) lab(85 0.55 -2) oklch(0.87 0.01 286) oklab(87.1% 0 0)
  • 400 #a1a1aa rgb(161 161 170) hsl(240 5.03% 64.9%) hwb(240 63.1% 33.3%) lch(66.5 4.86 286) lab(66.5 1.31 -4.7) oklch(0.71 0.01 286) oklab(71.2% 0 0)
  • 500 #71717a rgb(113 113 122) hsl(240 3.83% 46.1%) hwb(240 44.3% 52.2%) lch(47.9 5.19 286) lab(47.9 1.42 -5) oklch(0.55 0.01 286) oklab(55.2% 0 0)
  • 600 #52525b rgb(82 82 91) hsl(240 5.2% 33.9%) hwb(240 32.2% 64.3%) lch(35.1 5.48 286) lab(35.1 1.51 -5.3) oklch(0.44 0.01 286) oklab(44.2% 0 0)
  • 700 #3f3f46 rgb(63 63 70) hsl(240 5.26% 26.1%) hwb(240 24.7% 72.5%) lch(26.9 4.46 286) lab(26.9 1.23 -4.3) oklch(0.37 0.01 286) oklab(37% 0 0)
  • 800 #27272a rgb(39 39 42) hsl(240 3.7% 15.9%) hwb(240 15.3% 83.5%) lch(15.7 2.06 286) lab(15.7 0.56 -2) oklch(0.27 0.01 286) oklab(27.4% 0 0)
  • 900 #18181b rgb(24 24 27) hsl(240 5.88% 10%) hwb(240 9.41% 89.4%) lch(8.35 2.2 286) lab(8.35 0.6 -2.1) oklch(0.21 0.01 286) oklab(21% 0 0)
  • 950 #09090b rgb(9 9 11) hsl(240 10% 3.92%) hwb(240 3.53% 95.7%) lch(2.5 0.8 285) lab(2.5 0.21 -0.8) oklch(0.14 0 286) oklab(14.1% 0 0)

neutral

  • 50 #fafafa rgb(250 250 250) hsl(0 0% 98%) hwb(0 98% 1.96%) lch(98.3 0 0) lab(98.3 0 0) oklch(0.99 0 0) oklab(98.5% 0 0)
  • 100 #f5f5f5 rgb(245 245 245) hsl(0 0% 96.1%) hwb(0 96.1% 3.92%) lch(96.5 0 0) lab(96.5 0 0) oklch(0.97 0 0) oklab(97% 0 0)
  • 200 #e5e5e5 rgb(229 229 229) hsl(0 0% 89.8%) hwb(0 89.8% 10.2%) lch(90.9 0 0) lab(90.9 0 0) oklch(0.92 0 0) oklab(92.2% 0 0)
  • 300 #d4d4d4 rgb(212 212 212) hsl(0 0% 83.1%) hwb(0 83.1% 16.9%) lch(84.9 0 0) lab(84.9 0 0) oklch(0.87 0 0) oklab(87% 0 0)
  • 400 #a3a3a3 rgb(163 163 163) hsl(0 0% 63.9%) hwb(0 63.9% 36.1%) lch(67 0 0) lab(67 0 0) oklch(0.72 0 0) oklab(71.5% 0 0)
  • 500 #737373 rgb(115 115 115) hsl(0 0% 45.1%) hwb(0 45.1% 54.9%) lch(48.4 0 0) lab(48.4 0 0) oklch(0.56 0 0) oklab(55.6% 0 0)
  • 600 #525252 rgb(82 82 82) hsl(0 0% 32.2%) hwb(0 32.2% 67.8%) lch(34.9 0 0) lab(34.9 0 0) oklch(0.44 0 0) oklab(43.9% 0 0)
  • 700 #404040 rgb(64 64 64) hsl(0 0% 25.1%) hwb(0 25.1% 74.9%) lch(27.1 0 0) lab(27.1 0 0) oklch(0.37 0 0) oklab(37.1% 0 0)
  • 800 #262626 rgb(38 38 38) hsl(0 0% 14.9%) hwb(0 14.9% 85.1%) lch(15.2 0 0) lab(15.2 0 0) oklch(0.27 0 0) oklab(26.9% 0 0)
  • 900 #171717 rgb(23 23 23) hsl(0 0% 9.02%) hwb(0 9.02% 91%) lch(7.74 0 0) lab(7.74 0 0) oklch(0.2 0 0) oklab(20.5% 0 0)
  • 950 #0a0a0a rgb(10 10 10) hsl(0 0% 3.92%) hwb(0 3.92% 96.1%) lch(2.74 0 0) lab(2.74 0 0) oklch(0.14 0 0) oklab(14.5% 0 0)

stone

  • 50 #fafaf9 rgb(250 250 249) hsl(60 9.09% 97.8%) hwb(60 97.6% 1.96%) lch(98.3 0.5 105) lab(98.3 -0.1 0.48) oklch(0.98 0 106) oklab(98.5% 0 0)
  • 100 #f5f5f4 rgb(245 245 244) hsl(60 4.76% 95.9%) hwb(60 95.7% 3.92%) lch(96.5 0.5 105) lab(96.5 -0.1 0.48) oklch(0.97 0 106) oklab(97% 0 0)
  • 200 #e7e5e4 rgb(231 229 228) hsl(20 5.88% 90%) hwb(20 89.4% 9.41%) lch(91.1 0.93 52.5) lab(91.1 0.57 0.74) oklch(0.92 0 48.7) oklab(92.3% 0 0)
  • 300 #d6d3d1 rgb(214 211 209) hsl(24 5.75% 82.9%) hwb(24 82% 16.1%) lch(84.8 1.59 59.9) lab(84.8 0.8 1.38) oklch(0.87 0 56.4) oklab(86.9% 0 0)
  • 400 #a8a29e rgb(168 162 158) hsl(24 5.43% 63.9%) hwb(24 62% 34.1%) lch(67 3.36 59.6) lab(67 1.7 2.9) oklch(0.72 0.01 56.3) oklab(71.6% 0.01 0.01)
  • 500 #78716c rgb(120 113 108) hsl(25 5.26% 44.7%) hwb(25 42.4% 52.9%) lch(48.2 4.35 61.1) lab(48.2 2.1 3.81) oklch(0.55 0.01 58.1) oklab(55.3% 0.01 0.01)
  • 600 #57534e rgb(87 83 78) hsl(33.3 5.45% 32.4%) hwb(33.3 30.6% 65.9%) lch(35.6 3.67 75.2) lab(35.6 0.94 3.55) oklch(0.44 0.01 73.6) oklab(44.4% 0 0.01)
  • 700 #44403c rgb(68 64 60) hsl(30 6.25% 25.1%) hwb(30 23.5% 73.3%) lch(27.4 3.3 69.7) lab(27.4 1.15 3.1) oklch(0.37 0.01 67.6) oklab(37.4% 0 0.01)
  • 800 #292524 rgb(41 37 36) hsl(12 6.49% 15.1%) hwb(12 14.1% 83.9%) lch(15.1 2.23 38) lab(15.1 1.76 1.38) oklch(0.27 0.01 34.3) oklab(26.8% 0.01 0)
  • 900 #1c1917 rgb(28 25 23) hsl(24 9.8% 10%) hwb(24 9.02% 89%) lch(9.05 2.3 59.1) lab(9.05 1.18 1.97) oklch(0.22 0.01 56) oklab(21.6% 0 0.01)
  • 950 #0c0a09 rgb(12 10 9) hsl(20 14.3% 4.12%) hwb(20 3.53% 95.3%) lch(2.85 0.75 51.3) lab(2.85 0.47 0.59) oklch(0.15 0 49.2) oklab(14.7% 0 0)

red

  • 50 #fef2f2 rgb(254 242 242) hsl(0 85.7% 97.3%) hwb(0 94.9% 0.39%) lch(96.4 4.44 20) lab(96.4 4.17 1.52) oklch(0.97 0.01 17.4) oklab(97.1% 0.01 0)
  • 100 #fee2e2 rgb(254 226 226) hsl(0 93.3% 94.1%) hwb(0 88.6% 0.39%) lch(92.2 10.6 20.5) lab(92.2 9.93 3.71) oklch(0.94 0.03 17.7) oklab(93.6% 0.03 0.01)
  • 200 #fecaca rgb(254 202 202) hsl(0 96.3% 89.4%) hwb(0 79.2% 0.39%) lch(86 20.4 21.3) lab(86 19 7.41) oklch(0.88 0.06 18.3) oklab(88.5% 0.06 0.02)
  • 300 #fca5a5 rgb(252 165 165) hsl(0 93.5% 81.8%) hwb(0 64.7% 1.18%) lch(76.6 35.9 23) lab(76.6 33 14) oklch(0.81 0.1 19.6) oklab(80.8% 0.1 0.03)
  • 400 #f87171 rgb(248 113 113) hsl(0 90.6% 70.8%) hwb(0 44.3% 2.75%) lch(64.7 59.1 26.8) lab(64.7 52.7 26.7) oklch(0.71 0.17 22.2) oklab(71.1% 0.15 0.06)
  • 500 #ef4444 rgb(239 68 68) hsl(0 84.2% 60.2%) hwb(0 26.7% 6.27%) lch(55.8 77.3 31.9) lab(55.8 65.6 40.8) oklch(0.64 0.21 25.3) oklab(63.7% 0.19 0.09)
  • 600 #dc2626 rgb(220 38 38) hsl(0 72.2% 50.6%) hwb(0 14.9% 13.7%) lch(48.8 83.5 35.8) lab(48.8 67.7 48.8) oklch(0.58 0.22 27.3) oklab(57.7% 0.19 0.1)
  • 700 #b91c1c rgb(185 28 28) hsl(0 73.7% 41.8%) hwb(0 11% 27.5%) lch(40.7 74.3 36.2) lab(40.7 59.9 43.9) oklch(0.51 0.19 27.5) oklab(50.5% 0.17 0.09)
  • 800 #991b1b rgb(153 27 27) hsl(0 70% 35.3%) hwb(0 10.6% 40%) lch(33.9 61.9 34.9) lab(33.9 50.8 35.4) oklch(0.44 0.16 26.9) oklab(44.4% 0.14 0.07)
  • 900 #7f1d1d rgb(127 29 29) hsl(0 62.8% 30.6%) hwb(0 11.4% 50.2%) lch(28.6 49.8 32.6) lab(28.6 42 26.8) oklch(0.4 0.13 25.7) oklab(39.6% 0.12 0.06)
  • 950 #450a0a rgb(69 10 10) hsl(0 74.7% 15.5%) hwb(0 3.92% 72.9%) lch(13 32.3 30.1) lab(13 27.9 16.2) oklch(0.26 0.09 26) oklab(25.8% 0.08 0.04)

orange

  • 50 #fff7ed rgb(255 247 237) hsl(33.3 100% 96.5%) hwb(33.3 92.9% 0%) lch(97.7 6.02 75.4) lab(97.7 1.51 5.82) oklch(0.98 0.02 73.7) oklab(98% 0 0.02)
  • 100 #ffedd5 rgb(255 237 213) hsl(34.3 100% 91.8%) hwb(34.3 83.5% 0%) lch(94.7 14.4 76) lab(94.7 3.49 14) oklch(0.95 0.04 75.2) oklab(95.4% 0.01 0.04)
  • 200 #fed7aa rgb(254 215 170) hsl(32.1 97.7% 83.1%) hwb(32.1 66.7% 0.39%) lch(88.5 29.2 71) lab(88.5 9.49 27.6) oklch(0.9 0.07 70.7) oklab(90.1% 0.02 0.07)
  • 300 #fdba74 rgb(253 186 116) hsl(30.7 97.2% 72.4%) hwb(30.7 45.5% 0.78%) lch(80.8 49.2 66.7) lab(80.8 19.4 45.2) oklch(0.84 0.12 66.3) oklab(83.7% 0.05 0.11)
  • 400 #fb923c rgb(251 146 60) hsl(27 96% 61%) hwb(27 23.5% 1.57%) lch(71.1 70.7 59.3) lab(71.1 36.1 60.8) oklch(0.76 0.16 55.9) oklab(75.8% 0.09 0.13)
  • 500 #f97316 rgb(249 115 22) hsl(24.6 95% 53.1%) hwb(24.6 8.63% 2.35%) lch(64.5 84.6 54.3) lab(64.5 49.4 68.7) oklch(0.7 0.19 47.6) oklab(70.5% 0.13 0.14)
  • 600 #ea580c rgb(234 88 12) hsl(20.5 90.2% 48.2%) hwb(20.5 4.71% 8.24%) lch(57.4 85.8 49.6) lab(57.4 55.6 65.4) oklch(0.65 0.19 41.1) oklab(64.6% 0.15 0.13)
  • 700 #c2410c rgb(194 65 12) hsl(17.5 88.3% 40.4%) hwb(17.5 4.71% 23.9%) lch(46.7 75.2 47.3) lab(46.7 51 55.3) oklch(0.55 0.17 38.4) oklab(55.3% 0.14 0.11)
  • 800 #9a3412 rgb(154 52 18) hsl(15 79.1% 33.7%) hwb(15 7.06% 39.6%) lch(37.3 60.1 45.4) lab(37.3 42.2 42.8) oklch(0.47 0.14 37.3) oklab(47% 0.11 0.09)
  • 900 #7c2d12 rgb(124 45 18) hsl(15.3 74.6% 27.8%) hwb(15.3 7.06% 51.4%) lch(30.4 48.5 45.5) lab(30.4 34 34.6) oklch(0.41 0.12 38.2) oklab(40.8% 0.09 0.07)
  • 950 #431407 rgb(67 20 7) hsl(13 81.1% 14.5%) hwb(13 2.75% 73.7%) lch(14.2 29.4 39.9) lab(14.2 22.6 18.8) oklch(0.27 0.08 36.3) oklab(26.6% 0.06 0.05)

amber

  • 50 #fffbeb rgb(255 251 235) hsl(48 100% 96.1%) hwb(48 92.2% 0%) lch(98.6 8.22 94.3) lab(98.6 -0.6 8.19) oklch(0.99 0.02 95.3) oklab(98.7% 0 0.02)
  • 100 #fef3c7 rgb(254 243 199) hsl(48 96.5% 88.8%) hwb(48 78% 0.39%) lch(95.9 22.7 93.1) lab(95.9 -1.2 22.7) oklch(0.96 0.06 95.6) oklab(96.2% 0 0.06)
  • 200 #fde68a rgb(253 230 138) hsl(48 96.6% 76.7%) hwb(48 54.1% 0.78%) lch(91.7 47.6 90.8) lab(91.7 -0.6 47.6) oklch(0.92 0.12 95.7) oklab(92.4% 0 0.11)
  • 300 #fcd34d rgb(252 211 77) hsl(45.9 96.7% 64.5%) hwb(45.9 30.2% 1.18%) lch(86.4 68.8 85.9) lab(86.4 4.93 68.6) oklch(0.88 0.15 91.6) oklab(87.9% 0 0.15)
  • 400 #fbbf24 rgb(251 191 36) hsl(43.3 96.4% 56.3%) hwb(43.3 14.1% 1.57%) lch(81.2 78.2 80.2) lab(81.2 13.3 77.1) oklch(0.84 0.16 84.4) oklab(83.7% 0.02 0.16)
  • 500 #f59e0b rgb(245 158 11) hsl(37.7 92.1% 50.2%) hwb(37.7 4.31% 3.92%) lch(72.8 80.1 70.4) lab(72.8 26.9 75.4) oklch(0.77 0.16 70.1) oklab(76.9% 0.06 0.15)
  • 600 #d97706 rgb(217 119 6) hsl(32.1 94.6% 43.7%) hwb(32.1 2.35% 14.9%) lch(60.5 75.1 62.3) lab(60.5 34.9 66.5) oklch(0.67 0.16 58.3) oklab(66.6% 0.08 0.13)
  • 700 #b45309 rgb(180 83 9) hsl(26 90.5% 37.1%) hwb(26 3.53% 29.4%) lch(47.5 66.6 55.5) lab(47.5 37.8 54.9) oklch(0.56 0.15 49) oklab(55.5% 0.1 0.11)
  • 800 #92400e rgb(146 64 14) hsl(22.7 82.5% 31.4%) hwb(22.7 5.49% 42.7%) lch(38 55.4 52.8) lab(38 33.5 44.2) oklch(0.47 0.12 46.2) oklab(47.3% 0.09 0.09)
  • 900 #78350f rgb(120 53 15) hsl(21.7 77.8% 26.5%) hwb(21.7 5.88% 52.9%) lch(31.3 46.1 52.1) lab(31.3 28.3 36.3) oklch(0.41 0.11 45.9) oklab(41.4% 0.07 0.08)
  • 950 #451a03 rgb(69 26 3) hsl(20.9 91.7% 14.1%) hwb(20.9 1.18% 72.9%) lch(15.9 30.3 48.4) lab(15.9 20.1 22.6) oklch(0.28 0.07 45.6) oklab(27.9% 0.05 0.05)

yellow

  • 50 #fefce8 rgb(254 252 232) hsl(54.5 91.7% 95.3%) hwb(54.5 91% 0.39%) lch(98.7 10 100) lab(98.7 -1.8 9.87) oklch(0.99 0.03 102) oklab(98.7% 0 0.03)
  • 100 #fef9c3 rgb(254 249 195) hsl(54.9 96.7% 88%) hwb(54.9 76.5% 0.39%) lch(97.3 27 99.4) lab(97.3 -4.4 26.7) oklch(0.97 0.07 103) oklab(97.3% 0 0.07)
  • 200 #fef08a rgb(254 240 138) hsl(52.8 98.3% 76.9%) hwb(52.8 54.1% 0.39%) lch(94.3 51 95.6) lab(94.3 -5 50.8) oklch(0.95 0.12 102) oklab(94.5% 0 0.12)
  • 300 #fde047 rgb(253 224 71) hsl(50.4 97.8% 63.5%) hwb(50.4 27.8% 0.78%) lch(89.7 74 90.9) lab(89.7 -1.1 73.9) oklch(0.91 0.17 98.1) oklab(90.5% 0 0.16)
  • 400 #facc15 rgb(250 204 21) hsl(47.9 95.8% 53.1%) hwb(47.9 8.24% 1.96%) lch(84.3 82.3 85.6) lab(84.3 6.28 82.1) oklch(0.86 0.17 91.9) oklab(86.1% 0 0.17)
  • 500 #eab308 rgb(234 179 8) hsl(45.4 93.4% 47.5%) hwb(45.4 3.14% 8.24%) lch(76.5 78.3 81.4) lab(76.5 11.7 77.4) oklch(0.8 0.16 86) oklab(79.5% 0.01 0.16)
  • 600 #ca8a04 rgb(202 138 4) hsl(40.6 96.1% 40.4%) hwb(40.6 1.57% 20.8%) lch(62.8 69.6 74.3) lab(62.8 18.8 67) oklch(0.68 0.14 75.8) oklab(68.1% 0.03 0.14)
  • 700 #a16207 rgb(161 98 7) hsl(35.5 91.7% 32.9%) hwb(35.5 2.75% 36.9%) lch(47.9 58.2 67.8) lab(47.9 22 53.9) oklch(0.55 0.12 66.4) oklab(55.4% 0.05 0.11)
  • 800 #854d0e rgb(133 77 14) hsl(31.8 81% 28.8%) hwb(31.8 5.49% 47.8%) lch(38.8 48.4 64.3) lab(38.8 21 43.6) oklch(0.48 0.1 61.9) oklab(47.6% 0.05 0.09)
  • 900 #713f12 rgb(113 63 18) hsl(28.4 72.5% 25.7%) hwb(28.4 7.06% 55.7%) lch(32.4 40.6 60.8) lab(32.4 19.8 35.4) oklch(0.42 0.09 57.7) oklab(42.1% 0.05 0.08)
  • 950 #422006 rgb(66 32 6) hsl(26 83.3% 14.1%) hwb(26 2.35% 74.1%) lch(16.8 27.1 55.9) lab(16.8 15.2 22.4) oklch(0.29 0.06 53.8) oklab(28.6% 0.04 0.05)

lime

  • 50 #f7fee7 rgb(247 254 231) hsl(78.3 92% 95.1%) hwb(78.3 90.6% 0.39%) lch(98.7 11.5 118) lab(98.7 -5.3 10.2) oklch(0.99 0.03 121) oklab(98.6% 0 0.03)
  • 100 #ecfccb rgb(236 252 203) hsl(79.6 89.1% 89.2%) hwb(79.6 79.6% 1.18%) lch(96.8 24.6 118) lab(96.8 -12 21.7) oklch(0.97 0.07 122) oklab(96.7% 0 0.06)
  • 200 #d9f99d rgb(217 249 157) hsl(80.9 88.5% 79.6%) hwb(80.9 61.6% 2.35%) lch(94.1 46 118) lab(94.1 -22 40.6) oklch(0.94 0.12 124) oklab(93.8% -0.1 0.1)
  • 300 #bef264 rgb(190 242 100) hsl(82 84.5% 67.1%) hwb(82 39.2% 5.1%) lch(89.8 69.3 118) lab(89.8 -33 61.1) oklch(0.9 0.18 127) oklab(89.7% -0.1 0.14)
  • 400 #a3e635 rgb(163 230 53) hsl(82.7 78% 55.5%) hwb(82.7 20.8% 9.8%) lch(84.5 82.3 119) lab(84.5 -40 72) oklch(0.85 0.21 129) oklab(84.9% -0.1 0.16)
  • 500 #84cc16 rgb(132 204 22) hsl(83.7 80.5% 44.3%) hwb(83.7 8.63% 20%) lch(75.1 81.6 121) lab(75.1 -42 70.3) oklch(0.77 0.2 131) oklab(76.8% -0.1 0.15)
  • 600 #65a30d rgb(101 163 13) hsl(84.8 85.2% 34.5%) hwb(84.8 5.1% 36.1%) lch(60.9 69.8 121) lab(60.9 -36 59.6) oklch(0.65 0.18 132) oklab(64.8% -0.1 0.13)
  • 700 #4d7c0f rgb(77 124 15) hsl(85.9 78.4% 27.3%) hwb(85.9 5.88% 51.4%) lch(47.1 55.6 122) lab(47.1 -29 47.4) oklch(0.53 0.14 132) oklab(53.2% -0.1 0.11)
  • 800 #3f6212 rgb(63 98 18) hsl(86.3 69% 22.7%) hwb(86.3 7.06% 61.6%) lch(37.7 44.3 121) lab(37.7 -23 37.8) oklch(0.45 0.11 131) oklab(45.3% -0.1 0.09)
  • 900 #365314 rgb(54 83 20) hsl(87.6 61.2% 20.2%) hwb(87.6 7.84% 67.5%) lch(32 37.1 122) lab(32 -20 31.4) oklch(0.41 0.1 131) oklab(40.5% -0.1 0.07)
  • 950 #1a2e05 rgb(26 46 5) hsl(89.3 80.4% 10%) hwb(89.3 1.96% 82%) lch(16.5 25.6 125) lab(16.5 -15 21.1) oklch(0.27 0.07 132) oklab(27.4% 0 0.05)

green

  • 50 #f0fdf4 rgb(240 253 244) hsl(138 76.5% 96.7%) hwb(138 94.1% 0.78%) lch(98.1 6.26 154) lab(98.1 -5.6 2.77) oklch(0.98 0.02 156) oklab(98.2% 0 0.01)
  • 100 #dcfce7 rgb(220 252 231) hsl(141 84.2% 92.5%) hwb(141 86.3% 1.18%) lch(96.2 15.1 155) lab(96.2 -14 6.43) oklch(0.96 0.04 157) oklab(96.2% 0 0.02)
  • 200 #bbf7d0 rgb(187 247 208) hsl(141 78.9% 85.1%) hwb(141 73.3% 3.14%) lch(92.4 28.2 154) lab(92.4 -25 12.4) oklch(0.93 0.08 156) oklab(92.5% -0.1 0.03)
  • 300 #86efac rgb(134 239 172) hsl(142 76.6% 73.1%) hwb(142 52.5% 6.27%) lch(86.8 48.4 152) lab(86.8 -43 22.6) oklch(0.87 0.14 154) oklab(87.1% -0.1 0.06)
  • 400 #4ade80 rgb(74 222 128) hsl(142 69.2% 58%) hwb(142 29% 12.9%) lch(79.2 65.8 149) lab(79.2 -56 34.2) oklch(0.8 0.18 152) oklab(80% -0.2 0.09)
  • 500 #22c55e rgb(34 197 94) hsl(142 70.6% 45.3%) hwb(142 13.3% 22.7%) lch(70.2 70.1 146) lab(70.2 -58 39.4) oklch(0.72 0.19 150) oklab(72.3% -0.2 0.1)
  • 600 #16a34a rgb(22 163 74) hsl(142 76.2% 36.3%) hwb(142 8.63% 36.1%) lch(58.8 62.2 145) lab(58.8 -51 35.4) oklch(0.63 0.17 149) oklab(62.7% -0.1 0.09)
  • 700 #15803d rgb(21 128 61) hsl(142 71.8% 29.2%) hwb(142 8.24% 49.8%) lch(46.9 50 146) lab(46.9 -42 27.6) oklch(0.53 0.14 150) oklab(52.7% -0.1 0.07)
  • 800 #166534 rgb(22 101 52) hsl(143 64.2% 24.1%) hwb(143 8.63% 60.4%) lch(37.3 39.3 148) lab(37.3 -33 20.7) oklch(0.45 0.11 151) oklab(44.8% -0.1 0.05)
  • 900 #14532d rgb(20 83 45) hsl(144 61.2% 20.2%) hwb(144 7.84% 67.5%) lch(30.7 32.4 150) lab(30.7 -28 16.3) oklch(0.39 0.09 153) oklab(39.3% -0.1 0.04)
  • 950 #052e16 rgb(5 46 22) hsl(145 80.4% 10%) hwb(145 1.96% 82%) lch(15.7 22.7 150) lab(15.7 -20 11.3) oklch(0.27 0.06 153) oklab(26.6% -0.1 0.03)

emerald

  • 50 #ecfdf5 rgb(236 253 245) hsl(152 81% 95.9%) hwb(152 92.5% 0.78%) lch(97.9 7.08 165) lab(97.9 -6.8 1.83) oklch(0.98 0.02 166) oklab(97.9% 0 0)
  • 100 #d1fae5 rgb(209 250 229) hsl(149 80.4% 90%) hwb(149 82% 1.96%) lch(94.9 17.5 162) lab(94.9 -17 5.5) oklch(0.95 0.05 163) oklab(95% 0 0.01)
  • 200 #a7f3d0 rgb(167 243 208) hsl(152 76% 80.4%) hwb(152 65.5% 4.71%) lch(90.2 31.2 163) lab(90.2 -30 9.11) oklch(0.9 0.09 164) oklab(90.5% -0.1 0.02)
  • 300 #6ee7b7 rgb(110 231 183) hsl(156 71.6% 66.9%) hwb(156 43.1% 9.41%) lch(83.8 45.9 164) lab(83.8 -44 12.6) oklch(0.85 0.13 165) oklab(84.5% -0.1 0.03)
  • 400 #34d399 rgb(52 211 153) hsl(158 64.4% 51.6%) hwb(158 20.4% 17.3%) lch(75.7 54.8 162) lab(75.7 -52 16.8) oklch(0.77 0.15 163) oklab(77.3% -0.1 0.04)
  • 500 #10b981 rgb(16 185 129) hsl(160 84.1% 39.4%) hwb(160 6.27% 27.5%) lch(66.7 53.5 161) lab(66.7 -51 17.1) oklch(0.7 0.15 162) oklab(69.6% -0.1 0.04)
  • 600 #059669 rgb(5 150 105) hsl(161 93.5% 30.4%) hwb(161 1.96% 41.2%) lch(54.8 45.7 162) lab(54.8 -44 13.9) oklch(0.6 0.13 163) oklab(59.6% -0.1 0.04)
  • 700 #047857 rgb(4 120 87) hsl(163 93.5% 24.3%) hwb(163 1.57% 52.9%) lch(44.3 37.5 165) lab(44.3 -36 9.79) oklch(0.51 0.1 166) oklab(50.8% -0.1 0.03)
  • 800 #065f46 rgb(6 95 70) hsl(163 88.1% 19.8%) hwb(163 2.35% 62.7%) lch(35.2 30.9 166) lab(35.2 -30 7.3) oklch(0.43 0.09 167) oklab(43.2% -0.1 0.02)
  • 900 #064e3b rgb(6 78 59) hsl(164 85.7% 16.5%) hwb(164 2.35% 69.4%) lch(28.8 26 169) lab(28.8 -25 5.17) oklch(0.38 0.07 169) oklab(37.8% -0.1 0.01)
  • 950 #022c22 rgb(2 44 34) hsl(166 91.3% 9.02%) hwb(166 0.78% 82.7%) lch(15 17.3 172) lab(15 -17 2.28) oklch(0.26 0.05 173) oklab(26.2% 0 0.01)

teal

  • 50 #f0fdfa rgb(240 253 250) hsl(166 76.5% 96.7%) hwb(166 94.1% 0.78%) lch(98.3 4.82 181) lab(98.3 -4.8 -0.1) oklch(0.98 0.01 181) oklab(98.4% 0 0)
  • 100 #ccfbf1 rgb(204 251 241) hsl(167 85.5% 89.2%) hwb(167 80% 1.57%) lch(95.1 17 181) lab(95.1 -17 -0.4) oklch(0.95 0.05 181) oklab(95.3% 0 0)
  • 200 #99f6e4 rgb(153 246 228) hsl(168 83.8% 78.2%) hwb(168 60% 3.53%) lch(90.7 32 181) lab(90.7 -32 -0.5) oklch(0.91 0.09 180) oklab(91% -0.1 0)
  • 300 #5eead4 rgb(94 234 212) hsl(171 76.9% 64.3%) hwb(171 36.9% 8.24%) lch(84.7 43.5 182) lab(84.7 -44 -1.2) oklch(0.85 0.13 181) oklab(85.5% -0.1 0)
  • 400 #2dd4bf rgb(45 212 191) hsl(172 66% 50.4%) hwb(172 17.6% 16.9%) lch(76.6 46.3 182) lab(76.6 -46 -2) oklch(0.78 0.13 182) oklab(78.5% -0.1 0)
  • 500 #14b8a6 rgb(20 184 166) hsl(173 80.4% 40%) hwb(173 7.84% 27.8%) lch(67.1 43 183) lab(67.1 -43 -2.3) oklch(0.7 0.12 183) oklab(70.4% -0.1 0)
  • 600 #0d9488 rgb(13 148 136) hsl(175 83.9% 31.6%) hwb(175 5.1% 42%) lch(54.9 36.1 185) lab(54.9 -36 -3.5) oklch(0.6 0.1 185) oklab(60% -0.1 0)
  • 700 #0f766e rgb(15 118 110) hsl(175 77.4% 26.1%) hwb(175 5.88% 53.7%) lch(44.3 29.9 187) lab(44.3 -30 -3.8) oklch(0.51 0.09 186) oklab(51.1% -0.1 0)
  • 800 #115e59 rgb(17 94 89) hsl(176 69.4% 21.8%) hwb(176 6.67% 63.1%) lch(35.5 24.4 189) lab(35.5 -24 -3.9) oklch(0.44 0.07 188) oklab(43.7% -0.1 0)
  • 900 #134e4a rgb(19 78 74) hsl(176 60.8% 19%) hwb(176 7.45% 69.4%) lch(29.5 20.4 190) lab(29.5 -20 -3.4) oklch(0.39 0.06 188) oklab(38.6% -0.1 0)
  • 950 #042f2e rgb(4 47 46) hsl(179 84.3% 10%) hwb(179 1.57% 81.6%) lch(16.7 15.3 194) lab(16.7 -15 -3.7) oklch(0.28 0.04 193) oklab(27.7% 0 0)

cyan

  • 50 #ecfeff rgb(236 254 255) hsl(183 100% 96.3%) hwb(183 92.5% 0%) lch(98.3 6.49 204) lab(98.3 -5.9 -2.6) oklch(0.98 0.02 201) oklab(98.4% 0 0)
  • 100 #cffafe rgb(207 250 254) hsl(185 95.9% 90.4%) hwb(185 81.2% 0.39%) lch(95.3 15.2 206) lab(95.3 -14 -6.7) oklch(0.96 0.04 203) oklab(95.6% 0 0)
  • 200 #a5f3fc rgb(165 243 252) hsl(186 93.5% 81.8%) hwb(186 64.7% 1.18%) lch(91 26.3 208) lab(91 -23 -12) oklch(0.92 0.08 205) oklab(91.7% -0.1 0)
  • 300 #67e8f9 rgb(103 232 249) hsl(187 92.4% 69%) hwb(187 40.4% 2.35%) lch(85.3 38.8 210) lab(85.3 -34 -20) oklch(0.87 0.12 207) oklab(86.5% -0.1 -0.1)
  • 400 #22d3ee rgb(34 211 238) hsl(188 85.7% 53.3%) hwb(188 13.3% 6.67%) lch(77.4 44.4 216) lab(77.4 -36 -26) oklch(0.8 0.13 212) oklab(79.7% -0.1 -0.1)
  • 500 #06b6d4 rgb(6 182 212) hsl(189 94.5% 42.7%) hwb(189 2.35% 16.9%) lch(67.7 41.4 220) lab(67.7 -32 -27) oklch(0.71 0.13 215) oklab(71.5% -0.1 -0.1)
  • 600 #0891b2 rgb(8 145 178) hsl(192 91.4% 36.5%) hwb(192 3.14% 30.2%) lch(55.1 36.2 228) lab(55.1 -24 -27) oklch(0.61 0.11 222) oklab(60.9% -0.1 -0.1)
  • 700 #0e7490 rgb(14 116 144) hsl(193 82.3% 31%) hwb(193 5.49% 43.5%) lch(44.7 30.6 230) lab(44.7 -20 -23) oklch(0.52 0.09 223) oklab(52% -0.1 -0.1)
  • 800 #155e75 rgb(21 94 117) hsl(194 69.6% 27.1%) hwb(194 8.24% 54.1%) lch(36.5 25.3 231) lab(36.5 -16 -20) oklch(0.45 0.08 224) oklab(45% -0.1 -0.1)
  • 900 #164e63 rgb(22 78 99) hsl(196 63.6% 23.7%) hwb(196 8.63% 61.2%) lch(30.4 21.9 235) lab(30.4 -13 -18) oklch(0.4 0.07 227) oklab(39.8% 0 0)
  • 950 #083344 rgb(8 51 68) hsl(197 78.9% 14.9%) hwb(197 3.14% 73.3%) lch(19.1 17.7 238) lab(19.1 -9 -15) oklch(0.3 0.05 230) oklab(30.2% 0 0)

sky

  • 50 #f0f9ff rgb(240 249 255) hsl(204 100% 97.1%) hwb(204 94.1% 0%) lch(97.4 4.56 240) lab(97.4 -2.2 -4) oklch(0.98 0.01 237) oklab(97.7% 0 0)
  • 100 #e0f2fe rgb(224 242 254) hsl(204 93.8% 93.7%) hwb(204 87.8% 0.39%) lch(94.4 9.07 241) lab(94.4 -4.4 -7.9) oklch(0.95 0.03 237) oklab(95.1% 0 0)
  • 200 #bae6fd rgb(186 230 253) hsl(201 94.4% 86.1%) hwb(201 72.9% 0.78%) lch(88.7 19.5 236) lab(88.7 -11 -16) oklch(0.9 0.06 231) oklab(90.1% 0 0)
  • 300 #7dd3fc rgb(125 211 252) hsl(199 95.5% 73.9%) hwb(199 49% 1.18%) lch(80.3 34.3 237) lab(80.3 -19 -29) oklch(0.83 0.1 230) oklab(82.8% -0.1 -0.1)
  • 400 #38bdf8 rgb(56 189 248) hsl(198 93.2% 59.6%) hwb(198 22% 2.75%) lch(71.6 45.6 242) lab(71.6 -22 -40) oklch(0.75 0.14 233) oklab(75.4% -0.1 -0.1)
  • 500 #0ea5e9 rgb(14 165 233) hsl(199 88.7% 48.4%) hwb(199 5.49% 8.63%) lch(63.4 48.2 249) lab(63.4 -18 -45) oklch(0.68 0.15 237) oklab(68.5% -0.1 -0.1)
  • 600 #0284c7 rgb(2 132 199) hsl(200 98% 39.4%) hwb(200 0.78% 22%) lch(51.9 45.5 255) lab(51.9 -12 -44) oklch(0.59 0.14 242) oklab(58.8% -0.1 -0.1)
  • 700 #0369a1 rgb(3 105 161) hsl(201 96.3% 32.2%) hwb(201 1.18% 36.9%) lch(41.7 39.2 256) lab(41.7 -9 -38) oklch(0.5 0.12 243) oklab(50% -0.1 -0.1)
  • 800 #075985 rgb(7 89 133) hsl(201 90% 27.5%) hwb(201 2.75% 47.8%) lch(35.3 32.8 253) lab(35.3 -9 -31) oklch(0.44 0.1 241) oklab(44.3% 0 -0.1)
  • 900 #0c4a6e rgb(12 74 110) hsl(202 80.3% 23.9%) hwb(202 4.71% 56.9%) lch(29.3 27.8 253) lab(29.3 -8.2 -27) oklch(0.39 0.08 241) oklab(39.1% 0 -0.1)
  • 950 #082f49 rgb(8 47 73) hsl(204 80.2% 15.9%) hwb(204 3.14% 71.4%) lch(17.9 21 255) lab(17.9 -5.3 -20) oklch(0.29 0.06 243) oklab(29.3% 0 -0.1)

blue

  • 50 #eff6ff rgb(239 246 255) hsl(214 100% 96.9%) hwb(214 93.7% 0%) lch(96.5 5.31 257) lab(96.5 -1.2 -5.2) oklch(0.97 0.01 255) oklab(97% 0 0)
  • 100 #dbeafe rgb(219 234 254) hsl(214 94.6% 92.7%) hwb(214 85.9% 0.39%) lch(92 11.7 259) lab(92 -2.2 -11) oklch(0.93 0.03 256) oklab(93.2% 0 0)
  • 200 #bfdbfe rgb(191 219 254) hsl(213 96.9% 87.3%) hwb(213 74.9% 0.39%) lch(86.2 20.8 259) lab(86.2 -4 -20) oklch(0.88 0.06 254) oklab(88.2% 0 -0.1)
  • 300 #93c5fd rgb(147 197 253) hsl(212 96.4% 78.4%) hwb(212 57.6% 0.78%) lch(77.6 33.8 259) lab(77.6 -6.3 -33) oklch(0.81 0.1 252) oklab(80.9% 0 -0.1)
  • 400 #60a5fa rgb(96 165 250) hsl(213 93.9% 67.8%) hwb(213 37.6% 1.96%) lch(66 49.8 267) lab(66 -2.9 -50) oklch(0.71 0.14 255) oklab(71.4% 0 -0.1)
  • 500 #3b82f6 rgb(59 130 246) hsl(217 91.2% 59.8%) hwb(217 23.1% 3.53%) lch(54.6 66.4 278) lab(54.6 8.76 -66) oklch(0.62 0.19 260) oklab(62.3% 0 -0.2)
  • 600 #2563eb rgb(37 99 235) hsl(221 83.2% 53.3%) hwb(221 14.5% 7.84%) lch(44.8 78.5 286) lab(44.8 21 -76) oklch(0.55 0.22 263) oklab(54.6% 0 -0.2)
  • 700 #1d4ed8 rgb(29 78 216) hsl(224 76.3% 48%) hwb(224 11.4% 15.3%) lch(37.7 81.1 289) lab(37.7 27 -76) oklch(0.49 0.22 264) oklab(48.8% 0 -0.2)
  • 800 #1e40af rgb(30 64 175) hsl(226 70.7% 40.2%) hwb(226 11.8% 31.4%) lch(30.8 67.6 289) lab(30.8 22.3 -64) oklch(0.42 0.18 266) oklab(42.4% 0 -0.2)
  • 900 #1e3a8a rgb(30 58 138) hsl(224 64.3% 32.9%) hwb(224 11.8% 45.9%) lch(26.3 50.6 286) lab(26.3 13.8 -49) oklch(0.38 0.14 266) oklab(37.9% 0 -0.1)
  • 950 #172554 rgb(23 37 84) hsl(226 57% 21%) hwb(226 9.02% 67.1%) lch(15.8 32.1 285) lab(15.8 8.12 -31) oklch(0.28 0.09 268) oklab(28.2% 0 -0.1)

indigo

  • 50 #eef2ff rgb(238 242 255) hsl(226 100% 96.7%) hwb(226 93.3% 0%) lch(95.5 6.77 273) lab(95.5 0.41 -6.8) oklch(0.96 0.02 272) oklab(96.2% 0 0)
  • 100 #e0e7ff rgb(224 231 255) hsl(226 100% 93.9%) hwb(226 87.8% 0%) lch(91.7 12.5 275) lab(91.7 1.02 -13) oklch(0.93 0.03 273) oklab(93% 0 0)
  • 200 #c7d2fe rgb(199 210 254) hsl(228 96.5% 88.8%) hwb(228 78% 0.39%) lch(84.4 23.2 277) lab(84.4 3 -23) oklch(0.87 0.06 274) oklab(87% 0 -0.1)
  • 300 #a5b4fc rgb(165 180 252) hsl(230 93.5% 81.8%) hwb(230 64.7% 1.18%) lch(74.2 38.5 281) lab(74.2 7.3 -38) oklch(0.79 0.1 275) oklab(78.5% 0.01 -0.1)
  • 400 #818cf8 rgb(129 140 248) hsl(234 89.5% 73.9%) hwb(234 50.6% 2.75%) lch(61.1 59 287) lab(61.1 17.7 -56) oklch(0.68 0.16 277) oklab(68% 0.02 -0.2)
  • 500 #6366f1 rgb(99 102 241) hsl(239 83.5% 66.7%) hwb(239 38.8% 5.49%) lch(49 78 293) lab(49 30.3 -72) oklch(0.59 0.2 277) oklab(58.5% 0.03 -0.2)
  • 600 #4f46e5 rgb(79 70 229) hsl(243 75.4% 58.6%) hwb(243 27.5% 10.2%) lch(39.4 91 297) lab(39.4 41.5 -81) oklch(0.51 0.23 277) oklab(51.1% 0.03 -0.2)
  • 700 #4338ca rgb(67 56 202) hsl(245 57.9% 50.6%) hwb(245 22% 20.8%) lch(33.3 85.5 298) lab(33.3 40.1 -76) oklch(0.46 0.21 277) oklab(45.7% 0.03 -0.2)
  • 800 #3730a3 rgb(55 48 163) hsl(244 54.5% 41.4%) hwb(244 18.8% 36.1%) lch(27.3 70.1 297) lab(27.3 32 -62) oklch(0.4 0.18 277) oklab(39.8% 0.02 -0.2)
  • 900 #312e81 rgb(49 46 129) hsl(242 47.4% 34.3%) hwb(242 18% 49.4%) lch(23.6 52.4 295) lab(23.6 22.2 -47) oklch(0.36 0.14 279) oklab(35.9% 0.02 -0.1)
  • 950 #1e1b4b rgb(30 27 75) hsl(244 47.1% 20%) hwb(244 10.6% 70.6%) lch(12.6 33.1 295) lab(12.6 13.9 -30) oklch(0.26 0.09 281) oklab(25.7% 0.02 -0.1)

violet

  • 50 #f5f3ff rgb(245 243 255) hsl(250 100% 97.6%) hwb(250 95.3% 0%) lch(96.3 5.99 293) lab(96.3 2.3 -5.5) oklch(0.97 0.02 294) oklab(96.9% 0.01 0)
  • 100 #ede9fe rgb(237 233 254) hsl(251 91.3% 95.5%) hwb(251 91.4% 0.39%) lch(93.1 10.6 294) lab(93.1 4.26 -10) oklch(0.94 0.03 295) oklab(94.3% 0.01 0)
  • 200 #ddd6fe rgb(221 214 254) hsl(251 95.2% 91.8%) hwb(251 83.9% 0.39%) lch(87.1 20.4 294) lab(87.1 8.19 -19) oklch(0.89 0.05 293) oklab(89.4% 0.02 -0.1)
  • 300 #c4b5fd rgb(196 181 253) hsl(252 94.7% 85.1%) hwb(252 71% 0.78%) lch(76.9 37.7 296) lab(76.9 16.5 -34) oklch(0.81 0.1 294) oklab(81.1% 0.04 -0.1)
  • 400 #a78bfa rgb(167 139 250) hsl(255 91.7% 76.3%) hwb(255 54.5% 1.96%) lch(64.1 60 299) lab(64.1 29.2 -52) oklch(0.71 0.16 294) oklab(70.9% 0.06 -0.1)
  • 500 #8b5cf6 rgb(139 92 246) hsl(258 89.5% 66.3%) hwb(258 36.1% 3.53%) lch(50.7 85.2 303) lab(50.7 45.9 -72) oklch(0.61 0.22 293) oklab(60.6% 0.08 -0.2)
  • 600 #7c3aed rgb(124 58 237) hsl(262 83.3% 57.8%) hwb(262 22.7% 7.06%) lch(42.2 98.7 305) lab(42.2 57 -81) oklch(0.54 0.25 293) oklab(54.1% 0.1 -0.2)
  • 700 #6d28d9 rgb(109 40 217) hsl(263 70% 50.4%) hwb(263 15.7% 14.9%) lch(36.2 97.8 306) lab(36.2 57.5 -79) oklch(0.49 0.24 293) oklab(49.1% 0.09 -0.2)
  • 800 #5b21b6 rgb(91 33 182) hsl(263 69.3% 42.2%) hwb(263 12.9% 28.6%) lch(30 85.2 306) lab(30 50.1 -69) oklch(0.43 0.21 293) oklab(43.2% 0.08 -0.2)
  • 900 #4c1d95 rgb(76 29 149) hsl(264 67.4% 34.9%) hwb(264 11.4% 41.6%) lch(24.7 71.6 306) lab(24.7 42.1 -58) oklch(0.38 0.18 294) oklab(38% 0.07 -0.2)
  • 950 #2e1065 rgb(46 16 101) hsl(261 72.6% 22.9%) hwb(261 6.27% 60.4%) lch(14.2 54.6 305) lab(14.2 31.3 -45) oklch(0.28 0.14 291) oklab(28.3% 0.05 -0.1)

purple

  • 50 #faf5ff rgb(250 245 255) hsl(270 100% 98%) hwb(270 96.1% 0%) lch(97.1 5.18 306) lab(97.1 3.04 -4.2) oklch(0.98 0.01 308) oklab(97.7% 0.01 0)
  • 100 #f3e8ff rgb(243 232 255) hsl(269 100% 95.5%) hwb(269 91% 0%) lch(93.4 12 305) lab(93.4 6.92 -10) oklch(0.95 0.03 307) oklab(94.6% 0.02 0)
  • 200 #e9d5ff rgb(233 213 255) hsl(269 100% 91.8%) hwb(269 83.5% 0%) lch(87.9 22.1 306) lab(87.9 12.9 -18) oklch(0.9 0.06 307) oklab(90.2% 0.04 0)
  • 300 #d8b4fe rgb(216 180 254) hsl(269 97.4% 85.1%) hwb(269 70.6% 0.39%) lch(78.5 39.7 307) lab(78.5 23.7 -32) oklch(0.83 0.11 306) oklab(82.7% 0.06 -0.1)
  • 400 #c084fc rgb(192 132 252) hsl(270 95.2% 75.3%) hwb(270 51.8% 1.18%) lch(65.1 65.7 308) lab(65.1 40.6 -52) oklch(0.72 0.18 306) oklab(72.2% 0.1 -0.1)
  • 500 #a855f7 rgb(168 85 247) hsl(271 91% 65.1%) hwb(271 33.3% 3.14%) lch(52.8 88.8 309) lab(52.8 56.3 -69) oklch(0.63 0.23 304) oklab(62.7% 0.13 -0.2)
  • 600 #9333ea rgb(147 51 234) hsl(271 81.3% 55.9%) hwb(271 20% 8.24%) lch(44 98.8 310) lab(44 63.4 -76) oklch(0.56 0.25 302) oklab(55.8% 0.13 -0.2)
  • 700 #7e22ce rgb(126 34 206) hsl(272 71.7% 47.1%) hwb(272 13.3% 19.2%) lch(37 93.5 310) lab(37 60.2 -71) oklch(0.5 0.24 302) oklab(49.6% 0.13 -0.2)
  • 800 #6b21a8 rgb(107 33 168) hsl(273 67.2% 39.4%) hwb(273 12.9% 34.1%) lch(31.2 77.3 311) lab(31.2 50.3 -59) oklch(0.44 0.2 304) oklab(43.8% 0.11 -0.2)
  • 900 #581c87 rgb(88 28 135) hsl(274 65.6% 32%) hwb(274 11% 47.1%) lch(25.2 64.2 311) lab(25.2 42.1 -48) oklch(0.38 0.17 305) oklab(38.1% 0.1 -0.1)
  • 950 #3b0764 rgb(59 7 100) hsl(274 86.9% 21%) hwb(274 2.75% 60.8%) lch(14.9 56.6 311) lab(14.9 37 -43) oklch(0.29 0.14 303) oklab(29.1% 0.08 -0.1)

fuchsia

  • 50 #fdf4ff rgb(253 244 255) hsl(289 100% 97.8%) hwb(289 95.7% 0%) lch(97.1 6.17 317) lab(97.1 4.55 -4.2) oklch(0.98 0.02 320) oklab(97.7% 0.01 0)
  • 100 #fae8ff rgb(250 232 255) hsl(287 100% 95.5%) hwb(287 91% 0%) lch(94 12.8 316) lab(94 9.31 -8.8) oklch(0.95 0.04 319) oklab(95.2% 0.03 0)
  • 200 #f5d0fe rgb(245 208 254) hsl(288 95.8% 90.6%) hwb(288 81.6% 0.39%) lch(87.7 26.1 318) lab(87.7 19.3 -18) oklch(0.9 0.07 320) oklab(90.3% 0.06 0)
  • 300 #f0abfc rgb(240 171 252) hsl(291 93.1% 82.9%) hwb(291 67.1% 1.18%) lch(78.7 46.8 320) lab(78.7 35.8 -30) oklch(0.83 0.13 321) oklab(83.3% 0.1 -0.1)
  • 400 #e879f9 rgb(232 121 249) hsl(292 91.4% 72.5%) hwb(292 47.5% 2.35%) lch(67.6 73.2 321) lab(67.6 57.2 -46) oklch(0.75 0.21 322) oklab(74.8% 0.16 -0.1)
  • 500 #d946ef rgb(217 70 239) hsl(292 84.1% 60.6%) hwb(292 27.5% 6.27%) lch(57.1 92.2 322) lab(57.1 72.5 -57) oklch(0.67 0.26 322) oklab(66.7% 0.2 -0.2)
  • 600 #c026d3 rgb(192 38 211) hsl(293 69.5% 48.8%) hwb(293 14.9% 17.3%) lch(48.3 91.3 323) lab(48.3 72.6 -55) oklch(0.59 0.26 323) oklab(59.1% 0.2 -0.2)
  • 700 #a21caf rgb(162 28 175) hsl(295 72.4% 39.8%) hwb(295 11% 31.4%) lch(40.4 79.8 323) lab(40.4 64.1 -47) oklch(0.52 0.23 324) oklab(51.8% 0.18 -0.1)
  • 800 #86198f rgb(134 25 143) hsl(295 70.2% 32.9%) hwb(295 9.8% 43.9%) lch(33.3 67.7 324) lab(33.3 54.7 -40) oklch(0.45 0.19 325) oklab(45.2% 0.16 -0.1)
  • 900 #701a75 rgb(112 26 117) hsl(297 63.6% 28%) hwb(297 10.2% 54.1%) lch(27.9 56 325) lab(27.9 45.7 -32) oklch(0.4 0.16 326) oklab(40.1% 0.13 -0.1)
  • 950 #4a044e rgb(74 4 78) hsl(297 90.2% 16.1%) hwb(297 1.57% 69.4%) lch(15.9 45.9 325) lab(15.9 37.5 -26) oklch(0.29 0.13 326) oklab(29.3% 0.11 -0.1)

pink

  • 50 #fdf2f8 rgb(253 242 248) hsl(327 73.3% 97.1%) hwb(327 94.9% 0.78%) lch(96.5 4.83 342) lab(96.5 4.59 -1.5) oklch(0.97 0.01 343) oklab(97.1% 0.01 0)
  • 100 #fce7f3 rgb(252 231 243) hsl(326 77.8% 94.7%) hwb(326 90.6% 1.18%) lch(93.6 9.43 341) lab(93.6 8.9 -3.1) oklch(0.95 0.03 342) oklab(94.8% 0.03 0)
  • 200 #fbcfe8 rgb(251 207 232) hsl(326 84.6% 89.8%) hwb(326 81.2% 1.57%) lch(87.5 19.9 342) lab(87.5 18.9 -6.2) oklch(0.9 0.06 343) oklab(89.9% 0.06 0)
  • 300 #f9a8d4 rgb(249 168 212) hsl(327 87.1% 81.8%) hwb(327 65.9% 2.35%) lch(78 36.5 345) lab(78 35.2 -10) oklch(0.82 0.11 346) oklab(82.3% 0.11 0)
  • 400 #f472b6 rgb(244 114 182) hsl(329 85.5% 70.2%) hwb(329 44.7% 4.31%) lch(65.8 57.2 349) lab(65.8 56.1 -11) oklch(0.73 0.18 350) oklab(72.5% 0.17 0)
  • 500 #ec4899 rgb(236 72 153) hsl(330 81.2% 60.4%) hwb(330 28.2% 7.45%) lch(57.3 68.2 354) lab(57.3 67.9 -7.1) oklch(0.66 0.21 354) oklab(65.6% 0.21 0)
  • 600 #db2777 rgb(219 39 119) hsl(333 71.4% 50.6%) hwb(333 15.3% 14.1%) lch(49.9 70.3 1.6) lab(49.9 70.3 1.96) oklch(0.59 0.22 0.58) oklab(59.2% 0.22 0)
  • 700 #be185d rgb(190 24 93) hsl(335 77.6% 42%) hwb(335 9.41% 25.5%) lch(42.4 64.6 5.79) lab(42.4 64.3 6.52) oklch(0.52 0.2 3.96) oklab(52.5% 0.2 0.01)
  • 800 #9d174d rgb(157 23 77) hsl(336 74.4% 35.3%) hwb(336 9.02% 38.4%) lch(35.1 55.1 5.59) lab(35.1 54.9 5.37) oklch(0.46 0.17 3.82) oklab(45.9% 0.17 0.01)
  • 900 #831843 rgb(131 24 67) hsl(336 69% 30.4%) hwb(336 9.41% 48.6%) lch(29.5 46.7 3.85) lab(29.5 46.6 3.14) oklch(0.41 0.14 2.43) oklab(40.8% 0.14 0.01)
  • 950 #500724 rgb(80 7 36) hsl(336 83.9% 17.1%) hwb(336 2.75% 68.6%) lch(15.7 34.1 5.7) lab(15.7 33.9 3.39) oklch(0.28 0.1 3.91) oklab(28.4% 0.1 0.01)

rose

  • 50 #fff1f2 rgb(255 241 242) hsl(356 100% 97.3%) hwb(356 94.5% 0%) lch(96.3 5.16 14.5) lab(96.3 5 1.29) oklch(0.97 0.02 12.4) oklab(96.9% 0.01 0)
  • 100 #ffe4e6 rgb(255 228 230) hsl(356 100% 94.7%) hwb(356 89.4% 0%) lch(92.9 10.1 14.8) lab(92.9 9.8 2.58) oklch(0.94 0.03 12.6) oklab(94.1% 0.03 0.01)
  • 200 #fecdd3 rgb(254 205 211) hsl(353 96.1% 90%) hwb(353 80.4% 0.39%) lch(86.9 18.9 12) lab(86.9 18.5 3.93) oklch(0.89 0.06 10) oklab(89.2% 0.06 0.01)
  • 300 #fda4af rgb(253 164 175) hsl(353 95.7% 81.8%) hwb(353 64.3% 0.78%) lch(76.7 35.9 14.1) lab(76.7 34.8 8.76) oklch(0.81 0.11 11.6) oklab(81% 0.1 0.02)
  • 400 #fb7185 rgb(251 113 133) hsl(351 94.5% 71.4%) hwb(351 44.3% 1.57%) lch(65.5 57.4 16.7) lab(65.5 55 16.5) oklch(0.72 0.17 13.4) oklab(71.9% 0.16 0.04)
  • 500 #f43f5e rgb(244 63 94) hsl(350 89.2% 60.2%) hwb(350 24.7% 4.31%) lch(56.5 74.6 21.1) lab(56.5 69.6 26.8) oklch(0.65 0.22 16.4) oklab(64.5% 0.21 0.06)
  • 600 #e11d48 rgb(225 29 72) hsl(347 77.2% 49.8%) hwb(347 11.4% 11.8%) lch(49.5 77.8 23) lab(49.5 71.6 30.5) oklch(0.59 0.22 17.6) oklab(58.6% 0.21 0.07)
  • 700 #be123c rgb(190 18 60) hsl(345 82.7% 40.8%) hwb(345 7.06% 25.5%) lch(41.5 69 22.3) lab(41.5 63.8 26.2) oklch(0.51 0.2 16.9) oklab(51.4% 0.19 0.06)
  • 800 #9f1239 rgb(159 18 57) hsl(343 79.7% 34.7%) hwb(343 7.06% 37.6%) lch(34.8 58.3 18) lab(34.8 55.5 18.1) oklch(0.45 0.17 13.7) oklab(45.5% 0.17 0.04)
  • 900 #881337 rgb(136 19 55) hsl(342 75.5% 30.4%) hwb(342 7.45% 46.7%) lch(29.9 50.1 13.6) lab(29.9 48.7 11.8) oklch(0.41 0.15 10.3) oklab(41% 0.15 0.03)
  • 950 #4c0519 rgb(76 5 25) hsl(343 87.7% 15.9%) hwb(343 1.96% 70.2%) lch(14.3 34 16) lab(14.3 32.7 9.36) oklch(0.27 0.1 12.1) oklab(27.1% 0.1 0.02)
Колірна палітра "Tailwind CSS"
Колірна палітра "Tailwind CSS"