Колірна палітра Material Design

red

  • 50 #ffebee rgb(255 235 238) hsl(351 100% 96.1%) hwb(351 92.2% 0%) lch(94.7 7.47 8.67) lab(94.7 7.38 1.13) oklch(0.96 0.02 7.17) oklab(95.7% 0.02 0)
  • 100 #ffcdd2 rgb(255 205 210) hsl(354 100% 90.2%) hwb(354 80.4% 0%) lch(87 19.3 13.7) lab(87 18.8 4.58) oklch(0.89 0.06 11.5) oklab(89.3% 0.06 0.01)
  • 200 #ef9a9a rgb(239 154 154) hsl(0 72.6% 77.1%) hwb(0 60.4% 6.27%) lch(72.4 35.5 23.2) lab(72.4 32.7 14) oklch(0.77 0.1 19.7) oklab(77.2% 0.1 0.03)
  • 300 #e57373 rgb(229 115 115) hsl(0 68.7% 67.5%) hwb(0 45.1% 10.2%) lch(62.3 50.1 25.7) lab(62.3 45.1 21.7) oklch(0.69 0.14 21.5) oklab(68.8% 0.13 0.05)
  • 400 #ef5350 rgb(239 83 80) hsl(1.13 83.2% 62.5%) hwb(1.13 31.4% 6.27%) lch(57.9 70.8 31) lab(57.9 60.7 36.5) oklch(0.65 0.19 25.1) oklab(65.4% 0.17 0.08)
  • 500 #f44336 rgb(244 67 54) hsl(4.11 89.6% 58.4%) hwb(4.11 21.2% 4.31%) lch(56.5 83.3 36.4) lab(56.5 67.1 49.4) oklch(0.64 0.22 28.8) oklab(64.3% 0.19 0.1)
  • 600 #e53935 rgb(229 57 53) hsl(1.36 77.2% 55.3%) hwb(1.36 20.8% 10.2%) lch(52.5 79.6 34.4) lab(52.5 65.7 45) oklch(0.61 0.21 27) oklab(60.8% 0.19 0.09)
  • 700 #d32f2f rgb(211 47 47) hsl(0 65.1% 50.6%) hwb(0 18.4% 17.3%) lch(47.9 76 33.9) lab(47.9 63.1 42.4) oklch(0.57 0.2 26.4) oklab(56.8% 0.18 0.09)
  • 800 #c62828 rgb(198 40 40) hsl(0 66.4% 46.7%) hwb(0 15.7% 22.4%) lch(44.5 74.1 34.5) lab(44.5 61 42) oklch(0.54 0.19 26.7) oklab(53.9% 0.17 0.09)
  • 900 #b71c1c rgb(183 28 28) hsl(0 73.5% 41.4%) hwb(0 11% 28.2%) lch(40.3 73.5 36.1) lab(40.3 59.4 43.3) oklch(0.5 0.19 27.5) oklab(50.2% 0.17 0.09)
  • a100 #ff8a80 rgb(255 138 128) hsl(4.72 100% 75.1%) hwb(4.72 50.2% 0%) lch(70.7 51.8 30.6) lab(70.7 44.6 26.3) oklch(0.76 0.14 26.1) oklab(75.9% 0.13 0.06)
  • a200 #ff5252 rgb(255 82 82) hsl(0 100% 66.1%) hwb(0 32.2% 0%) lch(60.6 77 30.7) lab(60.6 66.2 39.3) oklch(0.68 0.21 24.7) oklab(67.9% 0.19 0.09)
  • a400 #ff1744 rgb(255 23 68) hsl(348 100% 54.5%) hwb(348 9.02% 0%) lch(55.3 89.9 27.4) lab(55.3 79.9 41.3) oklch(0.64 0.25 20.7) oklab(63.7% 0.23 0.09)
  • a700 #d50000 rgb(213 0 0) hsl(0 100% 41.8%) hwb(0 0% 16.5%) lch(45.4 93.3 40.9) lab(45.4 70.5 61) oklch(0.55 0.22 29.2) oklab(54.8% 0.2 0.11)

pink

  • 50 #fce4ec rgb(252 228 236) hsl(340 80% 94.1%) hwb(340 89.4% 1.18%) lch(92.7 9.5 355) lab(92.7 9.47 -0.8) oklch(0.94 0.03 355) oklab(94.1% 0.03 0)
  • 100 #f8bbd0 rgb(248 187 208) hsl(339 81.3% 85.3%) hwb(339 73.3% 2.75%) lch(82 25 356) lab(82 24.9 -1.6) oklch(0.85 0.07 356) oklab(85.3% 0.07 0)
  • 200 #f48fb1 rgb(244 143 177) hsl(340 82.1% 75.9%) hwb(340 56.1% 4.31%) lch(71.2 42.1 359) lab(71.2 42.1 -0.4) oklch(0.77 0.13 359) oklab(76.6% 0.13 0)
  • 300 #f06292 rgb(240 98 146) hsl(340 82.6% 66.3%) hwb(340 38.4% 5.88%) lch(61.6 58.8 3.13) lab(61.6 58.7 3.21) oklch(0.69 0.18 1.96) oklab(68.8% 0.18 0.01)
  • 400 #ec407a rgb(236 64 122) hsl(340 81.9% 58.8%) hwb(340 25.1% 7.45%) lch(55.6 68.9 7.29) lab(55.6 68.4 8.75) oklch(0.64 0.21 5.28) oklab(63.9% 0.21 0.02)
  • 500 #e91e63 rgb(233 30 99) hsl(340 82.2% 51.6%) hwb(340 11.8% 8.63%) lch(51.6 76.4 12.9) lab(51.6 74.5 17.1) oklch(0.61 0.23 9.63) oklab(60.6% 0.23 0.04)
  • 600 #d81b60 rgb(216 27 96) hsl(338 77.8% 47.6%) hwb(338 10.6% 15.3%) lch(48 71.8 10.7) lab(48 70.6 13.3) oklch(0.57 0.22 7.85) oklab(57.4% 0.22 0.03)
  • 700 #c2185b rgb(194 24 91) hsl(336 78% 42.7%) hwb(336 9.41% 23.9%) lch(43.2 65.8 7.87) lab(43.2 65.2 9.01) oklch(0.53 0.2 5.62) oklab(53.1% 0.2 0.02)
  • 800 #ad1457 rgb(173 20 87) hsl(334 79.3% 37.8%) hwb(334 7.84% 32.2%) lch(38.5 60.4 4.02) lab(38.5 60.3 4.24) oklch(0.49 0.19 2.53) oklab(49% 0.19 0.01)
  • 900 #880e4f rgb(136 14 79) hsl(328 81.3% 29.4%) hwb(328 5.49% 46.7%) lch(30.1 51.3 356) lab(30.1 51.2 -3.9) oklch(0.42 0.16 356) oklab(41.5% 0.16 0)
  • a100 #ff80ab rgb(255 128 171) hsl(340 100% 75.1%) hwb(340 50.2% 0%) lch(69.6 52.5 0.97) lab(69.6 52.5 0.89) oklch(0.76 0.16 0.2) oklab(75.5% 0.16 0)
  • a200 #ff4081 rgb(255 64 129) hsl(340 100% 62.5%) hwb(340 25.1% 0%) lch(59.2 74.8 7.88) lab(59.2 74.1 10.2) oklch(0.67 0.23 5.73) oklab(67.2% 0.23 0.02)
  • a400 #f50057 rgb(245 0 87) hsl(339 100% 48%) hwb(339 0% 3.92%) lch(52.8 84.1 18.4) lab(52.8 79.8 26.5) oklch(0.62 0.25 13.8) oklab(61.7% 0.24 0.06)
  • a700 #c51162 rgb(197 17 98) hsl(333 84.1% 42%) hwb(333 6.67% 22.7%) lch(43.6 67.6 4.48) lab(43.6 67.4 5.28) oklch(0.54 0.21 2.89) oklab(53.6% 0.21 0.01)

purple

  • 50 #f3e5f5 rgb(243 229 245) hsl(292 44.4% 92.9%) hwb(292 89.8% 3.92%) lch(92.4 9.22 319) lab(92.4 7 -6) oklch(0.94 0.03 322) oklab(93.8% 0.02 0)
  • 100 #e1bee7 rgb(225 190 231) hsl(291 46.1% 82.5%) hwb(291 74.5% 9.41%) lch(81 24 319) lab(81 18.2 -16) oklch(0.84 0.07 321) oklab(84.4% 0.05 0)
  • 200 #ce93d8 rgb(206 147 216) hsl(291 46.9% 71.2%) hwb(291 57.6% 15.3%) lch(68.6 41.1 320) lab(68.6 31.5 -26) oklch(0.74 0.12 322) oklab(74.4% 0.09 -0.1)
  • 300 #ba68c8 rgb(186 104 200) hsl(291 46.6% 59.6%) hwb(291 40.8% 21.6%) lch(56.4 57.5 321) lab(56.4 44.5 -36) oklch(0.65 0.16 322) oklab(64.5% 0.13 -0.1)
  • 400 #ab47bc rgb(171 71 188) hsl(291 46.6% 50.8%) hwb(291 27.8% 26.3%) lch(47.8 68.9 321) lab(47.8 53.7 -43) oklch(0.58 0.19 322) oklab(57.6% 0.15 -0.1)
  • 500 #9c27b0 rgb(156 39 176) hsl(291 63.7% 42.2%) hwb(291 15.3% 31%) lch(40.4 77 321) lab(40.4 60.1 -48) oklch(0.52 0.22 321) oklab(51.7% 0.17 -0.1)
  • 600 #8e24aa rgb(142 36 170) hsl(287 65% 40.4%) hwb(287 14.1% 33.3%) lch(37.3 75.6 319) lab(37.3 57.1 -50) oklch(0.49 0.21 318) oklab(49% 0.15 -0.1)
  • 700 #7b1fa2 rgb(123 31 162) hsl(282 67.9% 37.8%) hwb(282 12.2% 36.5%) lch(33.1 74.3 316) lab(33.1 53.3 -52) oklch(0.45 0.2 313) oklab(45.3% 0.14 -0.1)
  • 800 #6a1b9a rgb(106 27 154) hsl(277 70.2% 35.5%) hwb(277 10.6% 39.6%) lch(29.3 72.9 313) lab(29.3 49.7 -53) oklch(0.42 0.19 308) oklab(42% 0.12 -0.1)
  • 900 #4a148c rgb(74 20 140) hsl(267 75% 31.4%) hwb(267 7.84% 45.1%) lch(22.4 71 308) lab(22.4 43.3 -56) oklch(0.36 0.18 296) oklab(36% 0.08 -0.2)
  • a100 #ea80fc rgb(234 128 252) hsl(291 95.4% 74.5%) hwb(291 50.2% 1.18%) lch(69.2 70.9 321) lab(69.2 54.9 -45) oklch(0.76 0.2 322) oklab(76.1% 0.16 -0.1)
  • a200 #e040fb rgb(224 64 251) hsl(291 95.9% 61.8%) hwb(291 25.1% 1.57%) lch(58.1 99.2 321) lab(58.1 77.5 -62) oklch(0.68 0.28 321) oklab(67.9% 0.22 -0.2)
  • a400 #d500f9 rgb(213 0 249) hsl(291 100% 48.8%) hwb(291 0% 2.35%) lch(52.5 111 321) lab(52.5 85.7 -70) oklch(0.64 0.31 320) oklab(63.6% 0.23 -0.2)
  • a700 #aa00ff rgb(170 0 255) hsl(280 100% 50%) hwb(280 0% 0%) lch(45.6 117 313) lab(45.6 79.9 -85) oklch(0.58 0.3 307) oklab(58.1% 0.18 -0.2)

deeppurple

  • 50 #ede7f6 rgb(237 231 246) hsl(264 45.5% 93.5%) hwb(264 90.6% 3.53%) lch(92.4 7.72 302) lab(92.4 4.11 -6.5) oklch(0.94 0.02 304) oklab(93.7% 0.01 0)
  • 100 #d1c4e9 rgb(209 196 233) hsl(261 45.7% 84.1%) hwb(261 76.9% 8.63%) lch(81.1 19.4 301) lab(81.1 9.92 -17) oklch(0.84 0.05 301) oklab(84.3% 0.03 0)
  • 200 #b39ddb rgb(179 157 219) hsl(261 46.3% 73.7%) hwb(261 61.6% 14.1%) lch(68.4 33.7 302) lab(68.4 17.6 -29) oklch(0.74 0.09 300) oklab(73.7% 0.05 -0.1)
  • 300 #9575cd rgb(149 117 205) hsl(262 46.8% 63.1%) hwb(262 45.9% 19.6%) lch(55.2 49.4 303) lab(55.2 26.8 -42) oklch(0.63 0.13 299) oklab(63% 0.06 -0.1)
  • 400 #7e57c2 rgb(126 87 194) hsl(262 46.7% 55.1%) hwb(262 34.1% 23.9%) lch(45.3 61.5 304) lab(45.3 34.2 -51) oklch(0.55 0.16 298) oklab(54.9% 0.07 -0.1)
  • 500 #673ab7 rgb(103 58 183) hsl(262 51.9% 47.3%) hwb(262 22.7% 28.2%) lch(35.8 72.9 305) lab(35.8 41.4 -60) oklch(0.47 0.19 295) oklab(47.4% 0.08 -0.2)
  • 600 #5e35b1 rgb(94 53 177) hsl(260 53.9% 45.1%) hwb(260 20.8% 30.6%) lch(33.4 72.9 304) lab(33.4 40.5 -61) oklch(0.45 0.18 293) oklab(45.3% 0.07 -0.2)
  • 700 #512da8 rgb(81 45 168) hsl(258 57.7% 41.8%) hwb(258 17.6% 34.1%) lch(29.6 73.2 303) lab(29.6 39.8 -61) oklch(0.42 0.18 289) oklab(42.1% 0.06 -0.2)
  • 800 #4527a0 rgb(69 39 160) hsl(255 60.8% 39%) hwb(255 15.3% 37.3%) lch(26.5 72.9 302) lab(26.5 38.6 -62) oklch(0.39 0.18 286) oklab(39.5% 0.05 -0.2)
  • 900 #311b92 rgb(49 27 146) hsl(251 68.8% 33.9%) hwb(251 10.6% 42.7%) lch(20.9 73.1 301) lab(20.9 37.8 -63) oklch(0.35 0.18 280) oklab(34.7% 0.03 -0.2)
  • a100 #b388ff rgb(179 136 255) hsl(262 100% 76.7%) hwb(262 53.3% 0%) lch(64.8 64.5 303) lab(64.8 35.2 -54) oklch(0.72 0.17 299) oklab(71.7% 0.08 -0.2)
  • a200 #7c4dff rgb(124 77 255) hsl(256 100% 65.1%) hwb(256 30.2% 0%) lch(46.8 98.2 302) lab(46.8 52.1 -83) oklch(0.58 0.25 288) oklab(57.9% 0.08 -0.2)
  • a400 #651fff rgb(101 31 255) hsl(259 100% 56.1%) hwb(259 12.2% 0%) lch(37.7 119 304) lab(37.7 66.9 -98) oklch(0.51 0.28 284) oklab(51.4% 0.07 -0.3)
  • a700 #6200ea rgb(98 0 234) hsl(265 100% 45.9%) hwb(265 0% 8.24%) lch(33.4 116 306) lab(33.4 68.1 -94) oklch(0.48 0.27 287) oklab(47.7% 0.08 -0.3)

indigo

  • 50 #e8eaf6 rgb(232 234 246) hsl(231 43.8% 93.7%) hwb(231 91% 3.53%) lch(92.8 6.15 279) lab(92.8 0.95 -6.1) oklch(0.94 0.02 279) oklab(93.9% 0 0)
  • 100 #c5cae9 rgb(197 202 233) hsl(232 45% 84.3%) hwb(232 77.3% 8.63%) lch(81.7 16.3 280) lab(81.7 2.86 -16) oklch(0.85 0.04 278) oklab(84.5% 0.01 0)
  • 200 #9fa8da rgb(159 168 218) hsl(231 44.4% 73.9%) hwb(231 62.4% 14.5%) lch(69.5 27.1 281) lab(69.5 5.1 -27) oklch(0.74 0.07 277) oklab(74.2% 0.01 -0.1)
  • 300 #7986cb rgb(121 134 203) hsl(230 44.1% 63.5%) hwb(230 47.5% 20.4%) lch(57 38.7 283) lab(57 8.45 -38) oklch(0.64 0.1 275) oklab(63.8% 0.01 -0.1)
  • 400 #5c6bc0 rgb(92 107 192) hsl(231 44.2% 55.7%) hwb(231 36.1% 24.7%) lch(47.1 49 285) lab(47.1 13 -47) oklch(0.56 0.13 274) oklab(55.6% 0.01 -0.1)
  • 500 #3f51b5 rgb(63 81 181) hsl(231 48.4% 47.8%) hwb(231 24.7% 29%) lch(37.5 59.4 288) lab(37.5 18.7 -56) oklch(0.48 0.16 271) oklab(47.8% 0 -0.2)
  • 600 #3949ab rgb(57 73 171) hsl(232 50% 44.7%) hwb(232 22.4% 32.9%) lch(34.3 59 289) lab(34.3 19.5 -56) oklch(0.45 0.16 272) oklab(45.1% 0 -0.2)
  • 700 #303f9f rgb(48 63 159) hsl(232 53.6% 40.6%) hwb(232 18.8% 37.6%) lch(30.2 58.8 290) lab(30.2 20.4 -55) oklch(0.42 0.16 271) oklab(41.6% 0 -0.2)
  • 800 #283593 rgb(40 53 147) hsl(233 57.2% 36.7%) hwb(233 15.7% 42.4%) lch(26.1 58.6 292) lab(26.1 21.6 -55) oklch(0.38 0.15 271) oklab(38.2% 0 -0.2)
  • 900 #1a237e rgb(26 35 126) hsl(235 65.8% 29.8%) hwb(235 10.2% 50.6%) lch(18.8 58.7 294) lab(18.8 24.3 -53) oklch(0.32 0.15 270) oklab(32.1% 0 -0.2)
  • a100 #8c9eff rgb(140 158 255) hsl(231 100% 77.5%) hwb(231 54.9% 0%) lch(66.8 52.5 284) lab(66.8 12.5 -51) oklch(0.73 0.14 274) oklab(72.6% 0.01 -0.1)
  • a200 #536dfe rgb(83 109 254) hsl(231 98.8% 66.1%) hwb(231 32.5% 0.39%) lch(50.6 81.3 289) lab(50.6 26.9 -77) oklch(0.6 0.22 271) oklab(59.8% 0 -0.2)
  • a400 #3d5afe rgb(61 90 254) hsl(231 99% 61.8%) hwb(231 23.9% 0.39%) lch(44.8 93 292) lab(44.8 34.8 -86) oklch(0.55 0.24 269) oklab(55.5% 0 -0.2)
  • a700 #304ffe rgb(48 79 254) hsl(231 99% 59.2%) hwb(231 18.8% 0.39%) lch(41.6 99.7 294) lab(41.6 39.8 -91) oklch(0.53 0.26 268) oklab(53.2% 0 -0.3)

blue

  • 50 #e3f2fd rgb(227 242 253) hsl(205 86.7% 94.1%) hwb(205 89% 0.78%) lch(94.6 7.94 243) lab(94.6 -3.6 -7.1) oklch(0.95 0.02 239) oklab(95.3% 0 0)
  • 100 #bbdefb rgb(187 222 251) hsl(207 88.9% 85.9%) hwb(207 73.3% 1.57%) lch(86.6 19.6 249) lab(86.6 -7.2 -18) oklch(0.88 0.05 243) oklab(88.5% 0 0)
  • 200 #90caf9 rgb(144 202 249) hsl(207 89.7% 77.1%) hwb(207 56.5% 2.35%) lch(78.6 31.3 251) lab(78.6 -10 -30) oklch(0.82 0.09 244) oklab(81.6% 0 -0.1)
  • 300 #64b5f6 rgb(100 181 246) hsl(207 89% 67.8%) hwb(207 39.2% 3.53%) lch(70.6 42.1 254) lab(70.6 -11 -41) oklch(0.75 0.12 245) oklab(74.8% -0.1 -0.1)
  • 400 #42a5f5 rgb(66 165 245) hsl(207 89.9% 61%) hwb(207 25.9% 3.92%) lch(64.7 50.1 259) lab(64.7 -9 -49) oklch(0.7 0.15 247) oklab(70% -0.1 -0.1)
  • 500 #2196f3 rgb(33 150 243) hsl(207 89.7% 54.1%) hwb(207 12.9% 4.71%) lch(59.6 56.6 264) lab(59.6 -5.9 -56) oklch(0.66 0.17 249) oklab(65.8% -0.1 -0.2)
  • 600 #1e88e5 rgb(30 136 229) hsl(208 79.3% 50.8%) hwb(208 11.8% 10.2%) lch(54.8 56.3 267) lab(54.8 -2.9 -56) oklch(0.62 0.17 251) oklab(61.8% -0.1 -0.2)
  • 700 #1976d2 rgb(25 118 210) hsl(210 78.7% 46.1%) hwb(210 9.8% 17.6%) lch(48.4 55.7 271) lab(48.4 0.69 -56) oklch(0.56 0.16 253) oklab(56.5% 0 -0.2)
  • 800 #1565c0 rgb(21 101 192) hsl(212 80.3% 41.8%) hwb(212 8.24% 24.7%) lch(42.3 55.3 274) lab(42.3 4.32 -55) oklch(0.51 0.16 256) oklab(51.3% 0 -0.2)
  • 900 #0d47a1 rgb(13 71 161) hsl(216 85.1% 34.1%) hwb(216 5.1% 36.9%) lch(31.3 55.9 282) lab(31.3 11.6 -55) oklch(0.42 0.16 260) oklab(42.2% 0 -0.2)
  • a100 #82b1ff rgb(130 177 255) hsl(217 100% 75.5%) hwb(217 51% 0%) lch(71.2 44.2 270) lab(71.2 -0.2 -44) oklch(0.76 0.12 260) oklab(75.9% 0 -0.1)
  • a200 #448aff rgb(68 138 255) hsl(218 100% 63.3%) hwb(218 26.7% 0%) lch(57.6 66.4 277) lab(57.6 8.2 -66) oklch(0.65 0.19 260) oklab(64.9% 0 -0.2)
  • a400 #2979ff rgb(41 121 255) hsl(218 100% 58%) hwb(218 16.1% 0%) lch(52.1 76.2 281) lab(52.1 14.8 -75) oklch(0.61 0.21 260) oklab(60.6% 0 -0.2)
  • a700 #2962ff rgb(41 98 255) hsl(224 100% 58%) hwb(224 16.1% 0%) lch(46.1 89.3 289) lab(46.1 28.4 -85) oklch(0.56 0.24 264) oklab(56.2% 0 -0.2)

lightblue

  • 50 #e1f5fe rgb(225 245 254) hsl(199 93.5% 93.9%) hwb(199 88.2% 0.39%) lch(95.3 8.66 231) lab(95.3 -5.5 -6.7) oklch(0.96 0.02 226) oklab(95.8% 0 0)
  • 100 #b3e5fc rgb(179 229 252) hsl(199 92.4% 84.5%) hwb(199 70.2% 1.18%) lch(88 21 233) lab(88 -13 -17) oklch(0.89 0.06 228) oklab(89.5% 0 0)
  • 200 #81d4fa rgb(129 212 250) hsl(199 92.4% 74.3%) hwb(199 50.6% 1.96%) lch(80.7 32.9 235) lab(80.7 -19 -27) oklch(0.83 0.1 229) oklab(83.1% -0.1 -0.1)
  • 300 #4fc3f7 rgb(79 195 247) hsl(199 91.3% 63.9%) hwb(199 31% 3.14%) lch(73.9 42 239) lab(73.9 -22 -36) oklch(0.77 0.13 231) oklab(77.3% -0.1 -0.1)
  • 400 #29b6f6 rgb(41 182 246) hsl(199 91.9% 56.3%) hwb(199 16.1% 3.53%) lch(69.2 47.4 244) lab(69.2 -20 -43) oklch(0.73 0.15 235) oklab(73.4% -0.1 -0.1)
  • 500 #03a9f4 rgb(3 169 244) hsl(199 97.6% 48.4%) hwb(199 1.18% 4.31%) lch(64.9 51.2 251) lab(64.9 -17 -48) oklch(0.7 0.16 239) oklab(69.9% -0.1 -0.1)
  • 600 #039be5 rgb(3 155 229) hsl(200 97.4% 45.5%) hwb(200 1.18% 10.2%) lch(60.1 49.8 253) lab(60.1 -14 -48) oklch(0.66 0.15 241) oklab(65.9% -0.1 -0.1)
  • 700 #0288d1 rgb(2 136 209) hsl(201 98.1% 41.4%) hwb(201 0.78% 18%) lch(53.5 48.2 257) lab(53.5 -11 -47) oklch(0.6 0.15 243) oklab(60.3% -0.1 -0.1)
  • 800 #0277bd rgb(2 119 189) hsl(202 97.9% 37.5%) hwb(202 0.78% 25.9%) lch(47.4 46 260) lab(47.4 -7.9 -45) oklch(0.55 0.14 245) oklab(55.1% -0.1 -0.1)
  • 900 #01579b rgb(1 87 155) hsl(206 98.7% 30.6%) hwb(206 0.39% 39.2%) lch(35.6 44.1 268) lab(35.6 -1.2 -44) oklch(0.45 0.13 251) oklab(45.2% 0 -0.1)
  • a100 #80d8ff rgb(128 216 255) hsl(198 100% 75.1%) hwb(198 50.2% 0%) lch(81.9 34.2 235) lab(81.9 -20 -28) oklch(0.84 0.1 228) oklab(84.1% -0.1 -0.1)
  • a200 #40c4ff rgb(64 196 255) hsl(199 100% 62.5%) hwb(199 25.1% 0%) lch(74 45.8 241) lab(74 -22 -40) oklch(0.77 0.14 232) oklab(77.5% -0.1 -0.1)
  • a400 #00b0ff rgb(0 176 255) hsl(199 100% 50%) hwb(199 0% 0%) lch(67.4 53.2 251) lab(67.4 -17 -50) oklch(0.72 0.16 239) oklab(72.1% -0.1 -0.1)
  • a700 #0091ea rgb(0 145 234) hsl(203 100% 45.9%) hwb(203 0% 8.24%) lch(57.4 55.4 262) lab(57.4 -7.6 -55) oklch(0.64 0.17 247) oklab(63.8% -0.1 -0.2)

cyan

  • 50 #e0f7fa rgb(224 247 250) hsl(187 72.2% 92.9%) hwb(187 87.8% 1.96%) lch(95.6 8.43 209) lab(95.6 -7.3 -4.1) oklch(0.96 0.02 206) oklab(96% 0 0)
  • 100 #b2ebf2 rgb(178 235 242) hsl(187 71.1% 82.4%) hwb(187 69.8% 5.1%) lch(89.3 20 209) lab(89.3 -18 -10) oklch(0.9 0.06 206) oklab(90.3% -0.1 0)
  • 200 #80deea rgb(128 222 234) hsl(187 71.6% 71%) hwb(187 50.2% 8.24%) lch(83 30.8 209) lab(83 -27 -15) oklch(0.85 0.09 206) oklab(84.7% -0.1 0)
  • 300 #4dd0e1 rgb(77 208 225) hsl(187 71.2% 59.2%) hwb(187 30.2% 11.8%) lch(76.9 38.4 211) lab(76.9 -33 -20) oklch(0.79 0.11 207) oklab(79.3% -0.1 -0.1)
  • 400 #26c6da rgb(38 198 218) hsl(187 70.9% 50.2%) hwb(187 14.9% 14.5%) lch(73 41.4 212) lab(73 -35 -22) oklch(0.76 0.12 208) oklab(75.9% -0.1 -0.1)
  • 500 #00bcd4 rgb(0 188 212) hsl(187 100% 41.6%) hwb(187 0% 16.9%) lch(69.5 41.9 215) lab(69.5 -34 -24) oklch(0.73 0.13 211) oklab(72.9% -0.1 -0.1)
  • 600 #00acc1 rgb(0 172 193) hsl(187 100% 37.8%) hwb(187 0% 24.3%) lch(64 39.1 214) lab(64 -32 -22) oklch(0.68 0.12 210) oklab(68.2% -0.1 -0.1)
  • 700 #0097a7 rgb(0 151 167) hsl(186 100% 32.7%) hwb(186 0% 34.5%) lch(56.6 35.4 212) lab(56.6 -30 -18) oklch(0.62 0.11 208) oklab(61.9% -0.1 0)
  • 800 #00838f rgb(0 131 143) hsl(185 100% 28%) hwb(185 0% 43.9%) lch(49.4 31.8 209) lab(49.4 -28 -16) oklch(0.56 0.1 206) oklab(55.7% -0.1 0)
  • 900 #006064 rgb(0 96 100) hsl(182 100% 19.6%) hwb(182 0% 60.8%) lch(36.3 25.6 202) lab(36.3 -24 -10) oklch(0.44 0.08 200) oklab(44.4% -0.1 0)
  • a100 #84ffff rgb(132 255 255) hsl(180 100% 75.9%) hwb(180 51.8% 0%) lch(93 37.8 197) lab(93 -36 -11) oklch(0.93 0.11 195) oklab(92.9% -0.1 0)
  • a200 #18ffff rgb(24 255 255) hsl(180 100% 54.7%) hwb(180 9.41% 0%) lch(90.8 52.2 196) lab(90.8 -50 -15) oklch(0.91 0.15 195) oklab(90.6% -0.1 0)
  • a400 #00e5ff rgb(0 229 255) hsl(186 100% 50%) hwb(186 0% 0%) lch(83 48.4 213) lab(83 -41 -26) oklch(0.84 0.15 209) oklab(84.4% -0.1 -0.1)
  • a700 #00b8d4 rgb(0 184 212) hsl(188 100% 41.6%) hwb(188 0% 16.9%) lch(68.3 41.6 218) lab(68.3 -33 -26) oklch(0.72 0.13 214) oklab(71.9% -0.1 -0.1)

teal

  • 50 #e0f2f1 rgb(224 242 241) hsl(177 40.9% 91.4%) hwb(177 87.8% 5.1%) lch(94.1 6.49 195) lab(94.1 -6.3 -1.7) oklch(0.95 0.02 193) oklab(94.8% 0 0)
  • 100 #b2dfdb rgb(178 223 219) hsl(175 41.3% 78.6%) hwb(175 69.8% 12.5%) lch(85.6 16 191) lab(85.6 -16 -3.1) oklch(0.87 0.05 190) oklab(87.1% 0 0)
  • 200 #80cbc4 rgb(128 203 196) hsl(174 41.9% 64.9%) hwb(174 50.2% 20.4%) lch(76.7 25.9 190) lab(76.7 -26 -4.3) oklch(0.79 0.08 188) oklab(79.1% -0.1 0)
  • 300 #4db6ac rgb(77 182 172) hsl(174 41.8% 50.8%) hwb(174 30.2% 28.6%) lch(67.8 33.7 188) lab(67.8 -33 -4.5) oklch(0.71 0.1 187) oklab(71.2% -0.1 0)
  • 400 #26a69a rgb(38 166 154) hsl(174 62.7% 40%) hwb(174 14.9% 34.9%) lch(61.4 37.2 186) lab(61.4 -37 -4) oklch(0.66 0.11 185) oklab(65.6% -0.1 0)
  • 500 #009688 rgb(0 150 136) hsl(174 100% 29.4%) hwb(174 0% 41.2%) lch(55.4 37.5 184) lab(55.4 -37 -2.6) oklch(0.6 0.11 183) oklab(60.5% -0.1 0)
  • 600 #00897b rgb(0 137 123) hsl(174 100% 26.9%) hwb(174 0% 46.3%) lch(50.8 35.3 183) lab(50.8 -35 -1.9) oklch(0.57 0.1 182) oklab(56.6% -0.1 0)
  • 700 #00796b rgb(0 121 107) hsl(173 100% 23.7%) hwb(173 0% 52.5%) lch(45.1 32.6 182) lab(45.1 -33 -0.9) oklch(0.52 0.09 181) oklab(51.7% -0.1 0)
  • 800 #00695c rgb(0 105 92) hsl(173 100% 20.6%) hwb(173 0% 58.8%) lch(39.2 29.6 181) lab(39.2 -30 -0.4) oklch(0.47 0.08 180) oklab(46.7% -0.1 0)
  • 900 #004d40 rgb(0 77 64) hsl(170 100% 15.1%) hwb(170 0% 69.8%) lch(28.5 24.7 177) lab(28.5 -25 1.48) oklch(0.38 0.07 176) oklab(37.6% -0.1 0)
  • a100 #a7ffeb rgb(167 255 235) hsl(166 100% 82.7%) hwb(166 65.5% 0%) lch(94 30.8 179) lab(94 -31 0.75) oklch(0.94 0.09 178) oklab(93.9% -0.1 0)
  • a200 #64ffda rgb(100 255 218) hsl(166 100% 69.6%) hwb(166 39.2% 0%) lch(91.1 49.6 174) lab(91.1 -49 4.91) oklch(0.91 0.14 174) oklab(90.8% -0.1 0.01)
  • a400 #1de9b6 rgb(29 233 182) hsl(165 82.3% 51.4%) hwb(165 11.4% 8.63%) lch(82.7 57.8 169) lab(82.7 -57 11.3) oklch(0.83 0.16 169) oklab(83.2% -0.2 0.03)
  • a700 #00bfa5 rgb(0 191 165) hsl(172 100% 37.5%) hwb(172 0% 25.1%) lch(69.2 46.6 179) lab(69.2 -47 1.17) oklch(0.72 0.13 178) oklab(72% -0.1 0)

green

  • 50 #e8f5e9 rgb(232 245 233) hsl(125 39.4% 93.5%) hwb(125 91% 3.92%) lch(95.3 7.39 145) lab(95.3 -6.1 4.24) oklch(0.96 0.02 148) oklab(95.7% 0 0.01)
  • 100 #c8e6c9 rgb(200 230 201) hsl(122 37.5% 84.3%) hwb(122 78.4% 9.8%) lch(88.5 17.8 143) lab(88.5 -14 10.7) oklch(0.9 0.05 146) oklab(89.5% 0 0.03)
  • 200 #a5d6a7 rgb(165 214 167) hsl(122 37.4% 74.3%) hwb(122 64.7% 16.1%) lch(81.2 29.4 143) lab(81.2 -23 17.9) oklch(0.83 0.08 146) oklab(82.9% -0.1 0.05)
  • 300 #81c784 rgb(129 199 132) hsl(123 38.5% 64.3%) hwb(123 50.6% 22%) lch(74.3 42.4 141) lab(74.3 -33 26.4) oklch(0.77 0.12 145) oklab(76.6% -0.1 0.07)
  • 400 #66bb6a rgb(102 187 106) hsl(123 38.5% 56.7%) hwb(123 40% 26.7%) lch(69.1 51.3 141) lab(69.1 -40 32.6) oklch(0.72 0.14 145) oklab(71.8% -0.1 0.08)
  • 500 #4caf50 rgb(76 175 80) hsl(122 39.4% 49.2%) hwb(122 29.8% 31.4%) lch(64 59.6 139) lab(64 -45 39) oklch(0.67 0.16 144) oklab(67.3% -0.1 0.1)
  • 600 #43a047 rgb(67 160 71) hsl(123 41% 44.5%) hwb(123 26.3% 37.3%) lch(58.8 56.6 139) lab(58.8 -43 37.2) oklch(0.63 0.15 144) oklab(62.9% -0.1 0.09)
  • 700 #388e3c rgb(56 142 60) hsl(123 43.4% 38.8%) hwb(123 22% 44.3%) lch(52.4 53.2 139) lab(52.4 -40 35) oklch(0.58 0.14 144) oklab(57.5% -0.1 0.08)
  • 800 #2e7d32 rgb(46 125 50) hsl(123 46.2% 33.5%) hwb(123 18% 51%) lch(46.3 49.6 139) lab(46.3 -37 32.7) oklch(0.52 0.13 144) oklab(52.3% -0.1 0.08)
  • 900 #1b5e20 rgb(27 94 32) hsl(124 55.4% 23.7%) hwb(124 10.6% 63.1%) lch(34.7 42.9 139) lab(34.7 -32 28.3) oklch(0.43 0.12 144) oklab(42.5% -0.1 0.07)
  • a100 #b9f6ca rgb(185 246 202) hsl(137 77.2% 84.5%) hwb(137 72.5% 3.53%) lch(91.9 30.2 151) lab(91.9 -26 14.8) oklch(0.92 0.09 153) oklab(92% -0.1 0.04)
  • a200 #69f0ae rgb(105 240 174) hsl(151 81.8% 67.6%) hwb(151 41.2% 5.88%) lch(86.1 54 158) lab(86.1 -50 20.4) oklch(0.86 0.15 159) oklab(86.3% -0.1 0.05)
  • a400 #00e676 rgb(0 230 118) hsl(151 100% 45.1%) hwb(151 0% 9.8%) lch(80.6 78 149) lab(80.6 -67 40.6) oklch(0.81 0.21 152) oklab(81% -0.2 0.1)
  • a700 #00c853 rgb(0 200 83) hsl(145 100% 39.2%) hwb(145 0% 21.6%) lch(70.8 76.7 144) lab(70.8 -62 45.2) oklch(0.73 0.21 148) oklab(72.7% -0.2 0.11)

lightgreen

  • 50 #f1f8e9 rgb(241 248 233) hsl(88 51.7% 94.3%) hwb(88 91.4% 2.75%) lch(96.7 7.73 124) lab(96.7 -4.4 6.38) oklch(0.97 0.02 127) oklab(97% 0 0.02)
  • 100 #dcedc8 rgb(220 237 200) hsl(87.6 50.7% 85.7%) hwb(87.6 78.4% 7.06%) lch(91.7 19.2 124) lab(91.7 -11 16) oklch(0.92 0.05 128) oklab(92.4% 0 0.04)
  • 200 #c5e1a5 rgb(197 225 165) hsl(88 50% 76.5%) hwb(88 64.7% 11.8%) lch(86.3 31.4 123) lab(86.3 -17 26.2) oklch(0.87 0.09 128) oklab(87.4% -0.1 0.07)
  • 300 #aed581 rgb(174 213 129) hsl(87.9 50% 67.1%) hwb(87.9 50.6% 16.5%) lch(81 44.1 123) lab(81 -24 37.1) oklch(0.83 0.12 129) oklab(82.5% -0.1 0.09)
  • 400 #9ccc65 rgb(156 204 101) hsl(88 50.2% 59.8%) hwb(88 39.6% 20%) lch(77 53.9 123) lab(77 -29 45.5) oklch(0.79 0.14 130) oklab(78.9% -0.1 0.11)
  • 500 #8bc34a rgb(139 195 74) hsl(87.8 50.2% 52.7%) hwb(87.8 29% 23.5%) lch(73.1 62.5 122) lab(73.1 -33 52.8) oklch(0.75 0.16 131) oklab(75.4% -0.1 0.12)
  • 600 #7cb342 rgb(124 179 66) hsl(89.2 46.1% 48%) hwb(89.2 25.9% 29.8%) lch(67.4 59.5 123) lab(67.4 -33 49.8) oklch(0.7 0.16 131) oklab(70.5% -0.1 0.12)
  • 700 #689f38 rgb(104 159 56) hsl(92 47.9% 42.2%) hwb(92 22% 37.6%) lch(60 56 125) lab(60 -32 45.9) oklch(0.64 0.15 133) oklab(64.2% -0.1 0.11)
  • 800 #558b2f rgb(85 139 47) hsl(95.2 49.5% 36.5%) hwb(95.2 18.4% 45.5%) lch(52.6 51.9 127) lab(52.6 -31 41.6) oklch(0.58 0.14 135) oklab(57.9% -0.1 0.1)
  • 900 #33691e rgb(51 105 30) hsl(103 55.6% 26.5%) hwb(103 11.8% 58.8%) lch(39.5 45.7 131) lab(39.5 -30 34.6) oklch(0.47 0.12 138) oklab(46.7% -0.1 0.08)
  • a100 #ccff90 rgb(204 255 144) hsl(87.6 100% 78.2%) hwb(87.6 56.5% 0%) lch(94.7 56.1 122) lab(94.7 -30 47.3) oklch(0.94 0.15 129) oklab(94% -0.1 0.12)
  • a200 #b2ff59 rgb(178 255 89) hsl(87.8 100% 67.5%) hwb(87.8 34.9% 0%) lch(92.7 80.6 122) lab(92.7 -43 68.2) oklch(0.92 0.21 131) oklab(91.8% -0.1 0.16)
  • a400 #76ff03 rgb(118 255 3) hsl(92.6 100% 50.6%) hwb(92.6 1.18% 0%) lch(89.7 105 127) lab(89.7 -64 83.2) oklch(0.89 0.27 137) oklab(88.7% -0.2 0.18)
  • a700 #64dd17 rgb(100 221 23) hsl(96.7 81.1% 47.8%) hwb(96.7 9.02% 13.3%) lch(78.9 92.4 128) lab(78.9 -57 72.4) oklch(0.8 0.24 138) oklab(79.6% -0.2 0.16)

lime

  • 50 #f9fbe7 rgb(249 251 231) hsl(66 71.4% 94.5%) hwb(66 90.6% 1.57%) lch(98.1 9.92 109) lab(98.1 -3.2 9.38) oklch(0.98 0.03 112) oklab(98.1% 0 0.02)
  • 100 #f0f4c3 rgb(240 244 195) hsl(64.9 69% 86.1%) hwb(64.9 76.5% 4.31%) lch(95 24.4 107) lab(95 -7.2 23.3) oklch(0.95 0.06 111) oklab(95.2% 0 0.06)
  • 200 #e6ee9c rgb(230 238 156) hsl(65.9 70.7% 77.3%) hwb(65.9 61.2% 6.67%) lch(92.1 40.6 107) lab(92.1 -12 38.8) oklch(0.92 0.1 113) oklab(92.4% 0 0.1)
  • 300 #dce775 rgb(220 231 117) hsl(65.8 70.4% 68.2%) hwb(65.8 45.9% 9.41%) lch(89.1 55.7 106) lab(89.1 -15 53.5) oklch(0.9 0.14 114) oklab(89.6% -0.1 0.13)
  • 400 #d4e157 rgb(212 225 87) hsl(65.7 69.7% 61.2%) hwb(65.7 34.1% 11.8%) lch(86.6 65.9 105) lab(86.6 -18 63.5) oklch(0.87 0.16 114) oklab(87.4% -0.1 0.15)
  • 500 #cddc39 rgb(205 220 57) hsl(65.5 70% 54.3%) hwb(65.5 22.4% 13.7%) lch(84.6 74.6 105) lab(84.6 -19 72.1) oklch(0.86 0.18 115) oklab(85.6% -0.1 0.16)
  • 600 #c0ca33 rgb(192 202 51) hsl(64 59.7% 49.6%) hwb(64 20% 20.8%) lch(78.6 70.2 104) lab(78.6 -17 68.2) oklch(0.81 0.16 113) oklab(80.5% -0.1 0.15)
  • 700 #afb42b rgb(175 180 43) hsl(62.2 61.4% 43.7%) hwb(62.2 16.9% 29.4%) lch(71.1 64.9 102) lab(71.1 -14 63.4) oklch(0.74 0.15 112) oklab(74.2% -0.1 0.14)
  • 800 #9e9d24 rgb(158 157 36) hsl(59.5 62.9% 38%) hwb(59.5 14.1% 38%) lch(63.2 58.9 99.7) lab(63.2 -10 58) oklch(0.68 0.14 109) oklab(67.6% 0 0.13)
  • 900 #827717 rgb(130 119 23) hsl(53.8 69.9% 30%) hwb(53.8 9.02% 49%) lch(49.8 49.5 94) lab(49.8 -3.4 49.4) oklch(0.56 0.11 102) oklab(56.2% 0 0.11)
  • a100 #f4ff81 rgb(244 255 129) hsl(65.2 100% 75.3%) hwb(65.2 50.6% 0%) lch(97.3 60.4 106) lab(97.3 -16 58.1) oklch(0.97 0.15 113) oklab(96.7% -0.1 0.14)
  • a200 #eeff41 rgb(238 255 65) hsl(65.4 100% 62.7%) hwb(65.4 25.5% 0%) lch(96.4 84.2 105) lab(96.4 -22 81.4) oklch(0.96 0.2 115) oklab(95.6% -0.1 0.18)
  • a400 #c6ff00 rgb(198 255 0) hsl(73.4 100% 50%) hwb(73.4 0% 0%) lch(93.6 96.2 113) lab(93.6 -38 88.3) oklch(0.93 0.23 124) oklab(92.7% -0.1 0.19)
  • a700 #aeea00 rgb(174 234 0) hsl(75.4 100% 45.9%) hwb(75.4 0% 8.24%) lch(86.2 90.7 115) lab(86.2 -38 82.2) oklch(0.86 0.22 126) oklab(86.4% -0.1 0.18)

yellow

  • 50 #fffde7 rgb(255 253 231) hsl(55 100% 95.3%) hwb(55 90.6% 0%) lch(99 11 101) lab(99 -2 10.8) oklch(0.99 0.03 103) oklab(99% 0 0.03)
  • 100 #fff9c4 rgb(255 249 196) hsl(53.9 100% 88.4%) hwb(53.9 76.9% 0%) lch(97.4 26.6 98.6) lab(97.4 -4 26.3) oklch(0.97 0.07 102) oklab(97.4% 0 0.07)
  • 200 #fff59d rgb(255 245 157) hsl(53.9 100% 80.8%) hwb(53.9 61.6% 0%) lch(95.9 44 97.2) lab(95.9 -5.5 43.6) oklch(0.96 0.11 103) oklab(95.9% 0 0.11)
  • 300 #fff176 rgb(255 241 118) hsl(53.9 100% 73.1%) hwb(53.9 46.3% 0%) lch(94.5 60.4 95.9) lab(94.5 -6.3 60.1) oklch(0.95 0.14 103) oklab(94.5% 0 0.14)
  • 400 #ffee58 rgb(255 238 88) hsl(53.9 100% 67.3%) hwb(53.9 34.5% 0%) lch(93.5 71.7 95) lab(93.5 -6.3 71.5) oklch(0.94 0.17 103) oklab(93.6% 0 0.16)
  • 500 #ffeb3b rgb(255 235 59) hsl(53.9 100% 61.6%) hwb(53.9 23.1% 0%) lch(92.6 80.6 94.1) lab(92.6 -5.8 80.4) oklch(0.93 0.18 102) oklab(92.8% 0 0.18)
  • 600 #fdd835 rgb(253 216 53) hsl(48.9 98% 60%) hwb(48.9 20.8% 0.78%) lch(87.6 77.9 88.4) lab(87.6 2.24 77.8) oklch(0.89 0.17 95.3) oklab(88.8% 0 0.17)
  • 700 #fbc02d rgb(251 192 45) hsl(42.8 96.3% 58%) hwb(42.8 17.6% 1.57%) lch(81.5 76.1 80.2) lab(81.5 12.9 75) oklch(0.84 0.16 84.4) oklab(83.9% 0.02 0.16)
  • 800 #f9a825 rgb(249 168 37) hsl(37.1 94.6% 56.1%) hwb(37.1 14.5% 2.35%) lch(75.6 76.3 71.8) lab(75.6 23.9 72.5) oklch(0.79 0.16 72.4) oklab(79.2% 0.05 0.15)
  • 900 #f57f17 rgb(245 127 23) hsl(28.1 91.7% 52.5%) hwb(28.1 9.02% 3.92%) lch(66.2 81 58.6) lab(66.2 42.3 69.1) oklch(0.72 0.17 53.5) oklab(71.7% 0.1 0.14)
  • a100 #ffff8d rgb(255 255 141) hsl(60 100% 77.6%) hwb(60 55.3% 0%) lch(98.3 55.2 102) lab(98.3 -11 54.1) oklch(0.98 0.14 109) oklab(97.7% 0 0.13)
  • a200 #ffff00 rgb(255 255 0) hsl(60 100% 50%) hwb(60 0% 0%) lch(97.6 94.7 99.6) lab(97.6 -16 93.4) oklch(0.97 0.21 110) oklab(96.8% -0.1 0.2)
  • a400 #ffea00 rgb(255 234 0) hsl(55.1 100% 50%) hwb(55.1 0% 0%) lch(92.2 89.9 93.9) lab(92.2 -6.1 89.7) oklch(0.92 0.19 103) oklab(92.5% 0 0.19)
  • a700 #ffd600 rgb(255 214 0) hsl(50.4 100% 50%) hwb(50.4 0% 0%) lch(87.2 86.5 87.8) lab(87.2 3.39 86.4) oklch(0.88 0.18 94.9) oklab(88.5% 0 0.18)

amber

  • 50 #fff8e1 rgb(255 248 225) hsl(46 100% 94.1%) hwb(46 88.2% 0%) lch(97.7 12 91.8) lab(97.7 -0.4 12) oklch(0.98 0.03 92.9) oklab(97.9% 0 0.03)
  • 100 #ffecb3 rgb(255 236 179) hsl(45 100% 85.1%) hwb(45 70.2% 0%) lch(93.9 30.2 89) lab(93.9 0.55 30.2) oklch(0.94 0.08 91.8) oklab(94.5% 0 0.08)
  • 200 #ffe082 rgb(255 224 130) hsl(45.1 100% 75.5%) hwb(45.1 51% 0%) lch(90.3 49.9 87.1) lab(90.3 2.5 49.8) oklch(0.91 0.12 91.7) oklab(91.3% 0 0.12)
  • 300 #ffd54f rgb(255 213 79) hsl(45.7 100% 65.5%) hwb(45.7 31% 0%) lch(87.2 68.9 85.6) lab(87.2 5.27 68.7) oklch(0.89 0.15 91.2) oklab(88.6% 0 0.15)
  • 400 #ffca28 rgb(255 202 40) hsl(45.2 100% 57.8%) hwb(45.2 15.7% 0%) lch(84.3 79.3 83) lab(84.3 9.6 78.7) oklch(0.86 0.17 88.3) oklab(86.2% 0 0.17)
  • 500 #ffc107 rgb(255 193 7) hsl(45 100% 51.4%) hwb(45 2.75% 0%) lch(82.1 83.6 80.6) lab(82.1 13.7 82.4) oklch(0.84 0.17 84.9) oklab(84.4% 0.02 0.17)
  • 600 #ffb300 rgb(255 179 0) hsl(42.1 100% 50%) hwb(42.1 0% 0%) lch(78.8 83.6 75.8) lab(78.8 20.6 81) oklch(0.82 0.17 77.9) oklab(81.8% 0.04 0.17)
  • 700 #ffa000 rgb(255 160 0) hsl(37.6 100% 50%) hwb(37.6 0% 0%) lch(74.5 84 69.1) lab(74.5 30 78.5) oklch(0.78 0.17 68.1) oklab(78.4% 0.06 0.16)
  • 800 #ff8f00 rgb(255 143 0) hsl(33.6 100% 50%) hwb(33.6 0% 0%) lch(70.8 85.5 63.4) lab(70.8 38.3 76.4) oklch(0.76 0.18 59.7) oklab(75.5% 0.09 0.15)
  • 900 #ff6f00 rgb(255 111 0) hsl(26.1 100% 50%) hwb(26.1 0% 0%) lch(64.7 90.6 54) lab(64.7 53.2 73.3) oklch(0.71 0.2 46.5) oklab(70.8% 0.14 0.14)
  • a100 #ffe57f rgb(255 229 127) hsl(47.8 100% 74.9%) hwb(47.8 49.8% 0%) lch(91.6 52.6 90.1) lab(91.6 -0.1 52.6) oklch(0.92 0.13 95.4) oklab(92.3% 0 0.12)
  • a200 #ffd740 rgb(255 215 64) hsl(47.4 100% 62.5%) hwb(47.4 25.1% 0%) lch(87.6 74.6 87.1) lab(87.6 3.83 74.5) oklch(0.89 0.16 93.4) oklab(88.9% 0 0.16)
  • a400 #ffc400 rgb(255 196 0) hsl(46.1 100% 50%) hwb(46.1 0% 0%) lch(82.8 84.4 81.7) lab(82.8 12.2 83.5) oklch(0.85 0.17 86.6) oklab(85% 0.01 0.17)
  • a700 #ffab00 rgb(255 171 0) hsl(40.2 100% 50%) hwb(40.2 0% 0%) lch(76.9 83.6 72.9) lab(76.9 24.5 79.9) oklch(0.8 0.17 73.8) oklab(80.3% 0.05 0.16)

orange

  • 50 #fff3e0 rgb(255 243 224) hsl(36.8 100% 93.9%) hwb(36.8 87.8% 0%) lch(96.4 10.9 80.1) lab(96.4 1.87 10.7) oklch(0.97 0.03 79.5) oklab(96.9% 0.01 0.03)
  • 100 #ffe0b2 rgb(255 224 178) hsl(35.8 100% 84.9%) hwb(35.8 69.8% 0%) lch(91 27.5 76.9) lab(91 6.22 26.7) oklch(0.92 0.07 77.5) oklab(92.1% 0.01 0.07)
  • 200 #ffcc80 rgb(255 204 128) hsl(35.9 100% 75.1%) hwb(35.9 50.2% 0%) lch(85.4 46.5 74.9) lab(85.4 12.1 44.9) oklch(0.87 0.11 76.5) oklab(87.4% 0.03 0.11)
  • 300 #ffb74d rgb(255 183 77) hsl(35.7 100% 65.1%) hwb(35.7 30.2% 0%) lch(80 65.5 72.3) lab(80 19.9 62.4) oklch(0.83 0.15 73.5) oklab(82.9% 0.04 0.14)
  • 400 #ffa726 rgb(255 167 38) hsl(35.7 100% 57.5%) hwb(35.7 14.9% 0%) lch(76.1 77.7 69.8) lab(76.1 26.9 73) oklch(0.8 0.16 69.6) oklab(79.7% 0.06 0.15)
  • 500 #ff9800 rgb(255 152 0) hsl(35.8 100% 50%) hwb(35.8 0% 0%) lch(72.7 84.6 66.3) lab(72.7 33.9 77.5) oklch(0.77 0.17 64.1) oklab(77% 0.08 0.16)
  • 600 #fb8c00 rgb(251 140 0) hsl(33.5 100% 49.2%) hwb(33.5 0% 1.57%) lch(69.7 84.6 63.1) lab(69.7 38.2 75.4) oklch(0.75 0.18 59.4) oklab(74.5% 0.09 0.15)
  • 700 #f57c00 rgb(245 124 0) hsl(30.4 100% 48%) hwb(30.4 0% 3.92%) lch(65.6 84.8 59.1) lab(65.6 43.5 72.7) oklch(0.71 0.18 53.5) oklab(71.2% 0.11 0.14)
  • 800 #ef6c00 rgb(239 108 0) hsl(27.1 100% 46.9%) hwb(27.1 0% 6.27%) lch(61.6 85.4 55.3) lab(61.6 48.7 70.2) oklch(0.68 0.18 48.1) oklab(68% 0.12 0.14)
  • 900 #e65100 rgb(230 81 0) hsl(21.1 100% 45.1%) hwb(21.1 0% 9.8%) lch(55.6 87.6 49.4) lab(55.6 57 66.5) oklch(0.63 0.2 40.3) oklab(63.1% 0.15 0.13)
  • a100 #ffd180 rgb(255 209 128) hsl(38.3 100% 75.1%) hwb(38.3 50.2% 0%) lch(86.6 47.3 78.3) lab(86.6 9.63 46.3) oklch(0.88 0.11 80.7) oklab(88.4% 0.02 0.11)
  • a200 #ffab40 rgb(255 171 64) hsl(33.6 100% 62.5%) hwb(33.6 25.1% 0%) lch(77.1 69.8 68.6) lab(77.1 25.5 65) oklch(0.81 0.15 68.4) oklab(80.6% 0.06 0.14)
  • a400 #ff9100 rgb(255 145 0) hsl(34.1 100% 50%) hwb(34.1 0% 0%) lch(71.2 85.3 64) lab(71.2 37.4 76.7) oklch(0.76 0.18 60.6) oklab(75.9% 0.09 0.15)
  • a700 #ff6d00 rgb(255 109 0) hsl(25.6 100% 50%) hwb(25.6 0% 0%) lch(64.3 91 53.5) lab(64.3 54.1 73.2) oklch(0.7 0.2 45.8) oklab(70.5% 0.14 0.14)

deeporange

  • 50 #fbe9e7 rgb(251 233 231) hsl(6 71.4% 94.5%) hwb(6 90.6% 1.57%) lch(93.8 6.91 28.5) lab(93.8 6.07 3.29) oklch(0.95 0.02 25.2) oklab(94.8% 0.02 0.01)
  • 100 #ffccbc rgb(255 204 188) hsl(14.3 100% 86.9%) hwb(14.3 73.7% 0%) lch(86.3 22.8 41.9) lab(86.3 16.9 15.2) oklch(0.89 0.06 38.1) oklab(88.6% 0.05 0.04)
  • 200 #ffab91 rgb(255 171 145) hsl(14.2 100% 78.4%) hwb(14.2 56.9% 0%) lch(78 39.9 42) lab(78 29.6 26.7) oklch(0.82 0.11 37.9) oklab(81.7% 0.08 0.07)
  • 300 #ff8a65 rgb(255 138 101) hsl(14.4 100% 69.8%) hwb(14.4 39.6% 0%) lch(70.4 59.1 43.2) lab(70.4 43.1 40.4) oklch(0.75 0.15 38.3) oklab(75.5% 0.12 0.09)
  • 400 #ff7043 rgb(255 112 67) hsl(14.4 100% 63.1%) hwb(14.4 26.3% 0%) lch(65.1 74.9 44.1) lab(65.1 53.7 52.1) oklch(0.71 0.18 37.8) oklab(71.2% 0.15 0.11)
  • 500 #ff5722 rgb(255 87 34) hsl(14.4 100% 56.7%) hwb(14.4 13.3% 0%) lch(60.9 89.4 45) lab(60.9 63.3 63.2) oklch(0.68 0.21 36.5) oklab(67.9% 0.17 0.13)
  • 600 #f4511e rgb(244 81 30) hsl(14.3 90.7% 53.7%) hwb(14.3 11.8% 4.31%) lch(58.1 87.3 44.9) lab(58.1 61.9 61.7) oklch(0.65 0.21 36.3) oklab(65.5% 0.17 0.12)
  • 700 #e64a19 rgb(230 74 25) hsl(14.3 80.4% 50%) hwb(14.3 9.8% 9.8%) lch(54.6 84.5 45) lab(54.6 59.8 59.8) oklch(0.62 0.2 36.2) oklab(62.4% 0.16 0.12)
  • 800 #d84315 rgb(216 67 21) hsl(14.2 82.3% 46.5%) hwb(14.2 8.24% 15.3%) lch(51.1 81.5 44.8) lab(51.1 57.7 57.4) oklch(0.59 0.19 35.9) oklab(59.3% 0.16 0.11)
  • 900 #bf360c rgb(191 54 12) hsl(14.1 88.2% 39.8%) hwb(14.1 4.71% 25.1%) lch(44.6 76.3 44.8) lab(44.6 54.1 53.8) oklch(0.54 0.18 35.4) oklab(53.6% 0.15 0.1)
  • a100 #ff9e80 rgb(255 158 128) hsl(14.2 100% 75.1%) hwb(14.2 50.2% 0%) lch(74.9 47.1 42.3) lab(74.9 34.9 31.7) oklch(0.79 0.12 38) oklab(79.1% 0.1 0.08)
  • a200 #ff6e40 rgb(255 110 64) hsl(14.5 100% 62.5%) hwb(14.5 25.1% 0%) lch(64.8 76.2 44.3) lab(64.8 54.5 53.2) oklch(0.71 0.19 37.8) oklab(70.9% 0.15 0.11)
  • a400 #ff3d00 rgb(255 61 0) hsl(14.4 100% 50%) hwb(14.4 0% 0%) lch(57.7 101 44.6) lab(57.7 71.5 70.6) oklch(0.65 0.23 34) oklab(65.4% 0.19 0.13)
  • a700 #dd2c00 rgb(221 44 0) hsl(11.9 100% 43.3%) hwb(11.9 0% 13.3%) lch(49.4 91.5 43.7) lab(49.4 66.2 63.2) oklch(0.58 0.22 32.8) oklab(58.1% 0.18 0.12)

brown

  • 50 #efebe9 rgb(239 235 233) hsl(20 15.8% 92.5%) hwb(20 91.4% 6.27%) lch(93.3 1.86 52.5) lab(93.3 1.13 1.47) oklch(0.94 0.01 48.7) oklab(94.3% 0 0)
  • 100 #d7ccc8 rgb(215 204 200) hsl(16 15.8% 81.4%) hwb(16 78.4% 15.7%) lch(82.9 4.86 45) lab(82.9 3.43 3.44) oklch(0.85 0.01 41.2) oklab(85.3% 0.01 0.01)
  • 200 #bcaaa4 rgb(188 170 164) hsl(15 15.2% 69%) hwb(15 64.3% 26.3%) lch(71 8.18 43.1) lab(71 5.97 5.59) oklch(0.75 0.02 39.3) oklab(75.2% 0.02 0.01)
  • 300 #a1887f rgb(161 136 127) hsl(15.9 15.3% 56.5%) hwb(15.9 49.8% 36.9%) lch(58.9 12.2 44.5) lab(58.9 8.7 8.56) oklch(0.65 0.03 40.8) oklab(64.7% 0.03 0.02)
  • 400 #8d6e63 rgb(141 110 99) hsl(15.7 17.5% 47.1%) hwb(15.7 38.8% 44.7%) lch(49.3 15.9 44.2) lab(49.3 11.4 11.1) oklch(0.57 0.04 40.4) oklab(56.6% 0.03 0.03)
  • 500 #795548 rgb(121 85 72) hsl(15.9 25.4% 37.8%) hwb(15.9 28.2% 52.5%) lch(39.8 19.8 44.5) lab(39.8 14.1 13.9) oklch(0.48 0.05 40.7) oklab(48.5% 0.04 0.03)
  • 600 #6d4c41 rgb(109 76 65) hsl(15 25.3% 34.1%) hwb(15 25.5% 57.3%) lch(35.8 18.2 43.1) lab(35.8 13.3 12.4) oklch(0.45 0.05 39.2) oklab(45% 0.04 0.03)
  • 700 #5d4037 rgb(93 64 55) hsl(14.2 25.7% 29%) hwb(14.2 21.6% 63.5%) lch(30.3 16.2 41.9) lab(30.3 12.1 10.8) oklch(0.4 0.04 38) oklab(40.2% 0.03 0.03)
  • 800 #4e342e rgb(78 52 46) hsl(11.2 25.8% 24.3%) hwb(11.2 18% 69.4%) lch(24.7 14.4 37.5) lab(24.7 11.4 8.76) oklch(0.35 0.04 33.5) oklab(35.4% 0.03 0.02)
  • 900 #3e2723 rgb(62 39 35) hsl(8.89 27.8% 19%) hwb(8.89 13.7% 75.7%) lch(18.5 13 34.3) lab(18.5 10.7 7.3) oklch(0.3 0.04 30.2) oklab(30% 0.03 0.02)

grey

  • 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 #eeeeee rgb(238 238 238) hsl(0 0% 93.3%) hwb(0 93.3% 6.67%) lch(94.1 0 0) lab(94.1 0 0) oklch(0.95 0 0) oklab(94.9% 0 0)
  • 300 #e0e0e0 rgb(224 224 224) hsl(0 0% 87.8%) hwb(0 87.8% 12.2%) lch(89.2 0 0) lab(89.2 0 0) oklch(0.91 0 0) oklab(90.7% 0 0)
  • 400 #bdbdbd rgb(189 189 189) hsl(0 0% 74.1%) hwb(0 74.1% 25.9%) lch(76.6 0 0) lab(76.6 0 0) oklch(0.8 0 0) oklab(79.8% 0 0)
  • 500 #9e9e9e rgb(158 158 158) hsl(0 0% 62%) hwb(0 62% 38%) lch(65.1 0 0) lab(65.1 0 0) oklch(0.7 0 0) oklab(69.9% 0 0)
  • 600 #757575 rgb(117 117 117) hsl(0 0% 45.9%) hwb(0 45.9% 54.1%) lch(49.2 0 0) lab(49.2 0 0) oklch(0.56 0 0) oklab(56.2% 0 0)
  • 700 #616161 rgb(97 97 97) hsl(0 0% 38%) hwb(0 38% 62%) lch(41.1 0 0) lab(41.1 0 0) oklch(0.49 0 0) oklab(49.3% 0 0)
  • 800 #424242 rgb(66 66 66) hsl(0 0% 25.9%) hwb(0 25.9% 74.1%) lch(28 0 0) lab(28 0 0) oklch(0.38 0 0) oklab(37.9% 0 0)
  • 900 #212121 rgb(33 33 33) hsl(0 0% 12.9%) hwb(0 12.9% 87.1%) lch(12.7 0 0) lab(12.7 0 0) oklch(0.25 0 0) oklab(24.8% 0 0)

bluegrey

  • 50 #eceff1 rgb(236 239 241) hsl(204 15.2% 93.5%) hwb(204 92.5% 5.49%) lch(94.3 1.54 240) lab(94.3 -0.8 -1.3) oklch(0.95 0 236) oklab(95% 0 0)
  • 100 #cfd8dc rgb(207 216 220) hsl(198 15.7% 83.7%) hwb(198 81.2% 13.7%) lch(85.7 4.03 230) lab(85.7 -2.6 -3.1) oklch(0.88 0.01 226) oklab(87.7% 0 0)
  • 200 #b0bec5 rgb(176 190 197) hsl(200 15.3% 73.1%) hwb(200 69% 22.7%) lch(76 6.59 233) lab(76 -3.9 -5.3) oklch(0.79 0.02 229) oklab(79.3% 0 0)
  • 300 #90a4ae rgb(144 164 174) hsl(200 15.6% 62.4%) hwb(200 56.5% 31.8%) lch(66 9.53 234) lab(66 -5.6 -7.7) oklch(0.71 0.03 229) oklab(70.6% 0 0)
  • 400 #78909c rgb(120 144 156) hsl(200 15.4% 54.1%) hwb(200 47.1% 38.8%) lch(58.2 11.5 234) lab(58.2 -6.7 -9) oklch(0.64 0.03 230) oklab(63.9% 0 0)
  • 500 #607d8b rgb(96 125 139) hsl(200 18.3% 46.1%) hwb(200 37.6% 45.5%) lch(50.5 13.8 234) lab(50.5 -8.1 -11) oklch(0.57 0.04 229) oklab(57.2% 0 0)
  • 600 #546e7a rgb(84 110 122) hsl(199 18.4% 40.4%) hwb(199 32.9% 52.2%) lch(44.7 12.5 233) lab(44.7 -7.6 -10) oklch(0.52 0.04 228) oklab(52.2% 0 0)
  • 700 #455a64 rgb(69 90 100) hsl(199 18.3% 33.1%) hwb(199 27.1% 60.8%) lch(36.8 10.6 234) lab(36.8 -6.3 -8.5) oklch(0.45 0.03 229) oklab(45.4% 0 0)
  • 800 #37474f rgb(55 71 79) hsl(200 17.9% 26.3%) hwb(200 21.6% 69%) lch(29 8.59 235) lab(29 -5 -7) oklch(0.39 0.02 230) oklab(38.7% 0 0)
  • 900 #263238 rgb(38 50 56) hsl(200 19.1% 18.4%) hwb(200 14.9% 78%) lch(19.9 6.82 235) lab(19.9 -3.9 -5.6) oklch(0.31 0.02 230) oklab(30.9% 0 0)
Колірна палітра "Material Design"
Колірна палітра "Material Design"