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

blue

  • 100 #cfe2ffrgb(207, 226, 255)hsl(216 100% 90.6%)hwb(216 81.2% 0%)lch(89.1 16.5 263)lab(89.1 -2.1 -16)oklch(0.91 0.04 259)oklab(90.8% 0 0)
  • 200 #9ec5fergb(158, 197, 254)hsl(216 98% 80.8%)hwb(216 62% 0.39%)lch(78.3 32.8 265)lab(78.3 -3 -33)oklch(0.82 0.09 258)oklab(81.6% 0 -0.1)
  • 300 #6ea8fergb(110, 168, 254)hsl(216 98.6% 71.4%)hwb(216 43.1% 0.39%)lch(67.7 49.3 269)lab(67.7 -0.5 -49)oklch(0.73 0.14 258)oklab(72.9% 0 -0.1)
  • 400 #3d8bfdrgb(61, 139, 253)hsl(216 98% 61.6%)hwb(216 23.9% 0.78%)lch(57.6 65.2 275)lab(57.6 6.08 -65)oklch(0.65 0.19 258)oklab(64.7% 0 -0.2)
  • 500 #0d6efdrgb(13, 110, 253)hsl(216 98.4% 52.2%)hwb(216 5.1% 0.78%)lch(48.5 81.8 283)lab(48.5 18.9 -80)oklch(0.58 0.23 260)oklab(57.8% 0 -0.2)
  • 600 #0a58cargb(10, 88, 202)hsl(216 90.6% 41.6%)hwb(216 3.92% 20.8%)lch(39 68 283)lab(39 15 -66)oklch(0.49 0.19 260)oklab(49.2% 0 -0.2)
  • 700 #084298rgb(8, 66, 152)hsl(216 90% 31.4%)hwb(216 3.14% 40.4%)lch(29.1 54.1 282)lab(29.1 11.3 -53)oklch(0.4 0.15 260)oklab(40.2% 0 -0.1)
  • 800 #052c65rgb(5, 44, 101)hsl(216 90.6% 20.8%)hwb(216 1.96% 60.4%)lch(18.5 38.6 280)lab(18.5 6.8 -38)oklch(0.31 0.11 259)oklab(30.7% 0 -0.1)
  • 900 #031633rgb(3, 22, 51)hsl(216 88.9% 10.6%)hwb(216 1.18% 80%)lch(7.19 22 276)lab(7.19 2.21 -22)oklch(0.2 0.06 258)oklab(20.4% 0 -0.1)

indigo

  • 100 #e0cffcrgb(224, 207, 252)hsl(263 88.2% 90%)hwb(263 81.2% 1.18%)lch(85.6 23.4 302)lab(85.6 12.4 -20)oklch(0.88 0.06 302)oklab(88.3% 0.03 -0.1)
  • 200 #c29ffargb(194, 159, 250)hsl(263 90.1% 80.2%)hwb(263 62.4% 1.96%)lch(71.3 48.9 303)lab(71.3 26.8 -41)oklch(0.77 0.13 301)oklab(76.8% 0.07 -0.1)
  • 300 #a370f7rgb(163, 112, 247)hsl(263 89.4% 70.4%)hwb(263 43.9% 3.14%)lch(57.5 74.2 304)lab(57.5 41.8 -61)oklch(0.66 0.19 298)oklab(65.9% 0.09 -0.2)
  • 400 #8540f5rgb(133, 64, 245)hsl(263 90% 60.6%)hwb(263 25.1% 3.92%)lch(44.8 99.3 306)lab(44.8 57.7 -81)oklch(0.56 0.25 294)oklab(56.4% 0.1 -0.2)
  • 500 #6610f2rgb(102, 16, 242)hsl(263 89.7% 50.6%)hwb(263 6.27% 5.1%)lch(35.4 116 306)lab(35.4 67.8 -95)oklch(0.49 0.28 287)oklab(49.4% 0.08 -0.3)
  • 600 #520dc2rgb(82, 13, 194)hsl(263 87.4% 40.6%)hwb(263 5.1% 23.9%)lch(27.9 98 306)lab(27.9 57.1 -80)oklch(0.42 0.23 288)oklab(42.2% 0.07 -0.2)
  • 700 #3d0a91rgb(61, 10, 145)hsl(263 87.1% 30.4%)hwb(263 3.92% 43.1%)lch(19.9 78 306)lab(19.9 45.5 -63)oklch(0.34 0.19 288)oklab(34.3% 0.06 -0.2)
  • 800 #290661rgb(41, 6, 97)hsl(263 88.3% 20.2%)hwb(263 2.35% 62%)lch(11.6 57.4 306)lab(11.6 33.7 -46)oklch(0.26 0.14 290)oklab(26.3% 0.05 -0.1)
  • 900 #140330rgb(20, 3, 48)hsl(263 88.2% 10%)hwb(263 1.18% 81.2%)lch(3.61 29.5 301)lab(3.61 15.2 -25)oklch(0.17 0.08 294)oklab(17.3% 0.03 -0.1)

purple

  • 100 #e2d9f3rgb(226, 217, 243)hsl(261 52% 90.2%)hwb(261 85.1% 4.71%)lch(88 13.4 300)lab(88 6.75 -12)oklch(0.9 0.04 301)oklab(90% 0.02 0)
  • 200 #c5b3e6rgb(197, 179, 230)hsl(261 50.5% 80.2%)hwb(261 70.2% 9.8%)lch(75.8 27.2 301)lab(75.8 14 -23)oklch(0.8 0.07 301)oklab(79.9% 0.04 -0.1)
  • 300 #a98edargb(169, 142, 218)hsl(261 50.7% 70.6%)hwb(261 55.7% 14.5%)lch(63.7 41.7 302)lab(63.7 22.1 -35)oklch(0.7 0.11 300)oklab(70% 0.06 -0.1)
  • 400 #8c68cdrgb(140, 104, 205)hsl(261 50.2% 60.6%)hwb(261 40.8% 19.6%)lch(51.2 57.1 303)lab(51.2 31.2 -48)oklch(0.6 0.15 298)oklab(59.8% 0.07 -0.1)
  • 500 #6f42c1rgb(111, 66, 193)hsl(261 50.6% 50.8%)hwb(261 25.9% 24.3%)lch(39 73.4 304)lab(39 41.3 -61)oklch(0.5 0.19 295)oklab(50.2% 0.08 -0.2)
  • 600 #59359argb(89, 53, 154)hsl(261 48.8% 40.6%)hwb(261 20.8% 39.6%)lch(31.2 60.9 304)lab(31.2 34.2 -50)oklch(0.43 0.16 295)oklab(42.9% 0.07 -0.1)
  • 700 #432874rgb(67, 40, 116)hsl(261 48.7% 30.6%)hwb(261 15.7% 54.5%)lch(23.1 48.2 304)lab(23.1 27 -40)oklch(0.35 0.12 296)oklab(35.4% 0.05 -0.1)
  • 800 #2c1a4drgb(44, 26, 77)hsl(261 49.5% 20.2%)hwb(261 10.2% 69.8%)lch(14.1 34.7 304)lab(14.1 19.3 -29)oklch(0.27 0.09 296)oklab(27.2% 0.04 -0.1)
  • 900 #160d27rgb(22, 13, 39)hsl(261 50% 10.2%)hwb(261 5.1% 84.7%)lch(5.33 18.3 300)lab(5.33 9.13 -16)oklch(0.19 0.05 297)oklab(18.7% 0.02 0)

pink

  • 100 #f7d6e6rgb(247, 214, 230)hsl(331 67.3% 90.4%)hwb(331 83.9% 3.14%)lch(88.8 14.2 346)lab(88.8 13.8 -3.4)oklch(0.91 0.04 347)oklab(90.8% 0.04 0)
  • 200 #efadcergb(239, 173, 206)hsl(330 67.3% 80.8%)hwb(330 67.8% 6.27%)lch(77.8 29.3 347)lab(77.8 28.5 -6.7)oklch(0.82 0.09 348)oklab(81.9% 0.09 0)
  • 300 #e685b5rgb(230, 133, 181)hsl(330 66% 71.2%)hwb(330 52.2% 9.8%)lch(67.4 43.2 349)lab(67.4 42.4 -8.4)oklch(0.73 0.13 350)oklab(73.5% 0.13 0)
  • 400 #de5c9drgb(222, 92, 157)hsl(330 66.3% 61.6%)hwb(330 36.1% 12.9%)lch(58 57 351)lab(58 56.4 -8.7)oklch(0.66 0.18 352)oklab(65.8% 0.17 0)
  • 500 #d63384rgb(214, 51, 132)hsl(330 66.5% 52%)hwb(330 20% 16.1%)lch(50.4 67 355)lab(50.4 66.8 -5.4)oklch(0.6 0.21 355)oklab(59.6% 0.21 0)
  • 600 #ab296argb(171, 41, 106)hsl(330 61.3% 41.6%)hwb(330 16.1% 32.9%)lch(40.4 56.2 355)lab(40.4 55.9 -5.1)oklch(0.51 0.17 355)oklab(50.6% 0.17 0)
  • 700 #801f4frgb(128, 31, 79)hsl(330 61% 31.2%)hwb(330 12.2% 49.8%)lch(30.1 44.6 355)lab(30.1 44.4 -4.1)oklch(0.41 0.14 355)oklab(41.3% 0.14 0)
  • 800 #561435rgb(86, 20, 53)hsl(330 62.3% 20.8%)hwb(330 7.84% 66.3%)lch(19.2 33 354)lab(19.2 32.8 -3.6)oklch(0.31 0.1 354)oklab(31.5% 0.1 0)
  • 900 #2b0a1argb(43, 10, 26)hsl(331 62.3% 10.4%)hwb(331 3.92% 83.1%)lch(7.39 18.9 353)lab(7.39 18.7 -2.3)oklch(0.21 0.06 353)oklab(20.8% 0.06 0)

red

  • 100 #f8d7dargb(248, 215, 218)hsl(355 70.2% 90.8%)hwb(355 84.3% 2.75%)lch(88.9 12.6 13.7)lab(88.9 12.2 2.98)oklch(0.91 0.04 11.6)oklab(90.7% 0.04 0.01)
  • 200 #f1aeb5rgb(241, 174, 181)hsl(354 70.5% 81.4%)hwb(354 68.2% 5.49%)lch(77.7 26.8 14.4)lab(77.7 25.9 6.67)oklch(0.82 0.08 12)oklab(81.5% 0.08 0.02)
  • 300 #ea868frgb(234, 134, 143)hsl(355 70.4% 72.2%)hwb(355 52.5% 8.24%)lch(67.3 41.8 17.9)lab(67.3 39.8 12.9)oklch(0.73 0.12 14.8)oklab(73% 0.12 0.03)
  • 400 #e35d6argb(227, 93, 106)hsl(354 70.5% 62.7%)hwb(354 36.5% 11%)lch(57.9 57.8 21.3)lab(57.9 53.8 20.9)oklch(0.65 0.17 17.2)oklab(65.2% 0.16 0.05)
  • 500 #dc3545rgb(220, 53, 69)hsl(354 70.5% 53.5%)hwb(354 20.8% 13.7%)lch(50.5 72.6 27.1)lab(50.5 64.6 33.1)oklch(0.59 0.2 21.2)oklab(59.2% 0.19 0.07)
  • 600 #b02a37rgb(176, 42, 55)hsl(354 61.5% 42.7%)hwb(354 16.5% 31%)lch(40.5 60.7 26.7)lab(40.5 54.3 27.3)oklch(0.5 0.17 20.9)oklab(50.2% 0.16 0.06)
  • 700 #842029rgb(132, 32, 41)hsl(355 61% 32.2%)hwb(355 12.5% 48.2%)lch(30.2 48 26.3)lab(30.2 43 21.3)oklch(0.41 0.13 20.8)oklab(41% 0.13 0.05)
  • 800 #58151crgb(88, 21, 28)hsl(354 61.5% 21.4%)hwb(354 8.24% 65.5%)lch(19.1 34.3 24.2)lab(19.1 31.3 14.1)oklch(0.31 0.1 19.2)oklab(31.2% 0.09 0.03)
  • 900 #2c0b0ergb(44, 11, 14)hsl(355 60% 10.8%)hwb(355 4.31% 82.7%)lch(7.47 18.4 18)lab(7.47 17.5 5.68)oklch(0.21 0.05 17.8)oklab(20.7% 0.05 0.02)

orange

  • 100 #ffe5d0rgb(255, 229, 208)hsl(26.8 100% 90.8%)hwb(26.8 81.6% 0%)lch(92.7 15.3 63.6)lab(92.7 6.8 13.7)oklch(0.94 0.04 61.2)oklab(93.8% 0.02 0.04)
  • 200 #fecba1rgb(254, 203, 161)hsl(27.1 97.9% 81.4%)hwb(27.1 63.1% 0.39%)lch(85.5 31.8 62.7)lab(85.5 14.6 28.2)oklch(0.88 0.08 61)oklab(87.7% 0.04 0.07)
  • 300 #feb272rgb(254, 178, 114)hsl(27.4 98.6% 72.2%)hwb(27.4 44.7% 0.39%)lch(79 50.1 61.7)lab(79 23.7 44.1)oklch(0.82 0.12 60.1)oklab(82.3% 0.06 0.1)
  • 400 #fd9843rgb(253, 152, 67)hsl(27.4 97.9% 62.7%)hwb(27.4 26.3% 0.78%)lch(72.7 68.6 60.1)lab(72.7 34.2 59.4)oklch(0.77 0.16 57.2)oklab(77.1% 0.08 0.13)
  • 500 #fd7e14rgb(253, 126, 20)hsl(27.3 98.3% 53.5%)hwb(27.3 7.84% 0.78%)lch(67.2 84.6 57.2)lab(67.2 45.8 71.1)oklch(0.73 0.18 51.5)oklab(72.7% 0.11 0.14)
  • 600 #ca6510rgb(202, 101, 16)hsl(27.4 85.3% 42.7%)hwb(27.4 6.27% 20.8%)lch(54.6 70.6 57.6)lab(54.6 37.8 59.7)oklch(0.62 0.15 52.1)oklab(61.6% 0.09 0.12)
  • 700 #984c0crgb(152, 76, 12)hsl(27.4 85.4% 32.2%)hwb(27.4 4.71% 40.4%)lch(41.5 56.3 58)lab(41.5 29.8 47.8)oklch(0.5 0.12 52.9)oklab(50.2% 0.07 0.1)
  • 800 #653208rgb(101, 50, 8)hsl(27.1 85.3% 21.4%)hwb(27.1 3.14% 60.4%)lch(27.3 40.6 58.2)lab(27.3 21.4 34.5)oklch(0.38 0.09 53.6)oklab(37.7% 0.05 0.07)
  • 900 #331904rgb(51, 25, 4)hsl(26.8 85.5% 10.8%)hwb(26.8 1.57% 80%)lch(12.2 20.5 54.8)lab(12.2 11.8 16.8)oklch(0.25 0.05 56.8)oklab(24.6% 0.03 0.04)

yellow

  • 100 #fff3cdrgb(255, 243, 205)hsl(45.6 100% 90.2%)hwb(45.6 80.4% 0%)lch(96.1 19.9 90.6)lab(96.1 -0.2 19.9)oklch(0.96 0.05 92.6)oklab(96.4% 0 0.05)
  • 200 #ffe69crgb(255, 230, 156)hsl(44.8 100% 80.6%)hwb(44.8 61.2% 0%)lch(92.1 39.4 87.9)lab(92.1 1.47 39.3)oklch(0.93 0.1 91.5)oklab(92.9% 0 0.1)
  • 300 #ffda6argb(255, 218, 106)hsl(45.1 100% 70.8%)hwb(45.1 41.6% 0%)lch(88.6 59.1 86.1)lab(88.6 4.02 58.9)oklch(0.9 0.14 91.2)oklab(89.8% 0 0.14)
  • 400 #ffcd39rgb(255, 205, 57)hsl(44.8 100% 61.2%)hwb(44.8 22.4% 0%)lch(85.1 75.1 83.5)lab(85.1 8.49 74.6)oklch(0.87 0.16 88.8)oklab(86.9% 0 0.16)
  • 500 #ffc107rgb(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 #cc9a06rgb(204, 154, 6)hsl(44.8 94.3% 41.2%)hwb(44.8 2.35% 20%)lch(67 70.4 80.6)lab(67 11.4 69.5)oklch(0.71 0.15 85)oklab(71.4% 0.01 0.14)
  • 700 #997404rgb(153, 116, 4)hsl(45.1 94.9% 30.8%)hwb(45.1 1.57% 40%)lch(51.4 56.9 81.4)lab(51.4 8.55 56.2)oklch(0.58 0.12 86)oklab(58% 0.01 0.12)
  • 800 #664d03rgb(102, 77, 3)hsl(44.8 94.3% 20.6%)hwb(44.8 1.18% 60%)lch(34.6 42.1 81.8)lab(34.6 6.01 41.7)oklch(0.43 0.09 86.6)oklab(43.5% 0.01 0.09)
  • 900 #332701rgb(51, 39, 1)hsl(45.6 96.2% 10.2%)hwb(45.6 0.39% 80%)lch(16.5 23.5 83.9)lab(16.5 2.49 23.4)oklch(0.28 0.06 90.6)oklab(27.9% 0 0.06)

green

  • 100 #d1e7ddrgb(209, 231, 221)hsl(153 31.4% 86.3%)hwb(153 82% 9.41%)lch(89.8 9.23 166)lab(89.8 -8.9 2.27)oklch(0.91 0.03 167)oklab(90.9% 0 0.01)
  • 200 #a3cfbbrgb(163, 207, 187)hsl(153 31.4% 72.5%)hwb(153 63.9% 18.8%)lch(79.6 18.7 165)lab(79.6 -18 4.99)oklch(0.82 0.05 166)oklab(81.7% -0.1 0.01)
  • 300 #75b798rgb(117, 183, 152)hsl(152 31.4% 58.8%)hwb(152 45.9% 28.2%)lch(69.3 28.6 162)lab(69.3 -27 8.85)oklch(0.73 0.08 163)oklab(72.6% -0.1 0.02)
  • 400 #479f76rgb(71, 159, 118)hsl(152 38.3% 45.1%)hwb(152 27.8% 37.6%)lch(59.3 37.6 160)lab(59.3 -35 13.1)oklch(0.64 0.11 161)oklab(63.7% -0.1 0.03)
  • 500 #198754rgb(25, 135, 84)hsl(152 68.8% 31.4%)hwb(152 9.8% 47.1%)lch(49.6 44.4 155)lab(49.6 -40 18.7)oklch(0.55 0.12 157)oklab(55.2% -0.1 0.05)
  • 600 #146c43rgb(20, 108, 67)hsl(152 68.8% 25.1%)hwb(152 7.84% 57.6%)lch(40 37.3 155)lab(40 -34 15.6)oklch(0.47 0.1 157)oklab(47.1% -0.1 0.04)
  • 700 #0f5132rgb(15, 81, 50)hsl(152 68.7% 18.8%)hwb(152 5.88% 68.2%)lch(29.9 29.9 156)lab(29.9 -27 12.3)oklch(0.39 0.08 158)oklab(38.6% -0.1 0.03)
  • 800 #0a3622rgb(10, 54, 34)hsl(153 68.8% 12.5%)hwb(153 3.92% 78.8%)lch(19.3 21.4 158)lab(19.3 -20 8.15)oklch(0.3 0.06 159)oklab(29.7% -0.1 0.02)
  • 900 #051b11rgb(5, 27, 17)hsl(153 68.8% 6.27%)hwb(153 1.96% 89.4%)lch(7.71 10.9 160)lab(7.71 -10 3.69)oklch(0.2 0.04 162)oklab(20% 0 0.01)

teal

  • 100 #d2f4eargb(210, 244, 234)hsl(162 60.7% 89%)hwb(162 82.4% 4.31%)lch(93.5 12.9 176)lab(93.5 -13 0.93)oklch(0.94 0.04 176)oklab(94% 0 0)
  • 200 #a6e9d5rgb(166, 233, 213)hsl(162 60.4% 78.2%)hwb(162 65.1% 8.63%)lch(87.5 25.1 174)lab(87.5 -25 2.65)oklch(0.88 0.07 174)oklab(88.4% -0.1 0.01)
  • 300 #79dfc1rgb(121, 223, 193)hsl(162 61.4% 67.5%)hwb(162 47.5% 12.5%)lch(82 36.9 172)lab(82 -37 5.03)oklch(0.83 0.11 172)oklab(83.3% -0.1 0.01)
  • 400 #4dd4acrgb(77, 212, 172)hsl(162 61.1% 56.7%)hwb(162 30.2% 16.9%)lch(76.9 46.2 169)lab(76.9 -45 8.53)oklch(0.79 0.13 170)oklab(78.6% -0.1 0.02)
  • 500 #20c997rgb(32, 201, 151)hsl(162 72.5% 45.7%)hwb(162 12.5% 21.2%)lch(72.3 52.8 166)lab(72.3 -51 13)oklch(0.74 0.15 166)oklab(74.4% -0.1 0.03)
  • 600 #1aa179rgb(26, 161, 121)hsl(162 72.2% 36.7%)hwb(162 10.2% 36.9%)lch(58.9 44.4 166)lab(58.9 -43 10.7)oklch(0.63 0.12 167)oklab(63.2% -0.1 0.03)
  • 700 #13795brgb(19, 121, 91)hsl(162 72.9% 27.5%)hwb(162 7.45% 52.5%)lch(44.9 35.6 166)lab(44.9 -35 8.3)oklch(0.51 0.1 167)oklab(51.4% -0.1 0.02)
  • 800 #0d503crgb(13, 80, 60)hsl(162 72% 18.2%)hwb(162 5.1% 68.6%)lch(29.7 25.8 167)lab(29.7 -25 5.8)oklch(0.39 0.07 168)oklab(38.6% -0.1 0.02)
  • 900 #06281ergb(6, 40, 30)hsl(162 73.9% 9.02%)hwb(162 2.35% 84.3%)lch(13.5 15.4 169)lab(13.5 -15 2.89)oklch(0.25 0.04 170)oklab(24.9% 0 0.01)

cyan

  • 100 #cff4fcrgb(207, 244, 252)hsl(191 88.2% 90%)hwb(191 81.2% 1.18%)lch(93.7 13.8 216)lab(93.7 -11 -8.1)oklch(0.94 0.04 212)oklab(94.3% 0 0)
  • 200 #9eeaf9rgb(158, 234, 249)hsl(190 88.3% 79.8%)hwb(190 62% 2.35%)lch(88.1 26.4 215)lab(88.1 -22 -15)oklch(0.89 0.08 211)oklab(89.3% -0.1 0)
  • 300 #6edff6rgb(110, 223, 246)hsl(190 88.3% 69.8%)hwb(190 43.1% 3.53%)lch(82.9 36.1 217)lab(82.9 -29 -22)oklch(0.85 0.11 213)oklab(84.6% -0.1 -0.1)
  • 400 #3dd5f3rgb(61, 213, 243)hsl(190 88.3% 59.6%)hwb(190 23.9% 4.71%)lch(78.6 42.6 219)lab(78.6 -33 -27)oklch(0.81 0.13 214)oklab(80.8% -0.1 -0.1)
  • 500 #0dcaf0rgb(13, 202, 240)hsl(190 89.7% 49.6%)hwb(190 5.1% 5.88%)lch(74.6 45.2 224)lab(74.6 -33 -31)oklch(0.77 0.14 218)oklab(77.5% -0.1 -0.1)
  • 600 #0aa2c0rgb(10, 162, 192)hsl(190 90.1% 39.6%)hwb(190 3.92% 24.7%)lch(60.9 38.2 223)lab(60.9 -28 -26)oklch(0.66 0.12 217)oklab(65.8% -0.1 -0.1)
  • 700 #087990rgb(8, 121, 144)hsl(190 89.5% 29.8%)hwb(190 3.14% 43.5%)lch(46.2 30.7 223)lab(46.2 -22 -21)oklch(0.53 0.09 218)oklab(53.2% -0.1 -0.1)
  • 800 #055160rgb(5, 81, 96)hsl(190 90.1% 19.8%)hwb(190 1.96% 62.4%)lch(31 22.9 221)lab(31 -17 -15)oklch(0.4 0.07 216)oklab(40.1% -0.1 0)
  • 900 #032830rgb(3, 40, 48)hsl(191 88.2% 10%)hwb(191 1.18% 81.2%)lch(13.9 14.1 221)lab(13.9 -11 -9)oklch(0.26 0.04 216)oklab(25.6% 0 0)

gray-500

  • 100 #f8f9fargb(248, 249, 250)hsl(210 16.7% 97.6%)hwb(210 97.3% 1.96%)lch(97.9 0.64 251)lab(97.9 -0.2 -0.6)oklch(0.98 0 248)oklab(98.2% 0 0)
  • 200 #e9ecefrgb(233, 236, 239)hsl(210 15.8% 92.5%)hwb(210 91.4% 6.27%)lch(93.2 1.93 251)lab(93.2 -0.6 -1.8)oklch(0.94 0.01 248)oklab(94.2% 0 0)
  • 300 #dee2e6rgb(222, 226, 230)hsl(210 13.8% 88.6%)hwb(210 87.1% 9.8%)lch(89.7 2.6 251)lab(89.7 -0.8 -2.5)oklch(0.91 0.01 248)oklab(91.1% 0 0)
  • 400 #ced4dargb(206, 212, 218)hsl(210 14% 83.1%)hwb(210 80.8% 14.5%)lch(84.6 3.93 251)lab(84.6 -1.3 -3.7)oklch(0.87 0.01 248)oklab(86.7% 0 0)
  • 500 #adb5bdrgb(173, 181, 189)hsl(210 10.8% 71%)hwb(210 67.8% 25.9%)lch(73.2 5.38 251)lab(73.2 -1.7 -5.1)oklch(0.77 0.01 248)oklab(76.9% 0 0)
  • 600 #6c757drgb(108, 117, 125)hsl(208 7.3% 45.7%)hwb(208 42.4% 51%)lch(48.7 6.04 249)lab(48.7 -2.2 -5.6)oklch(0.56 0.02 245)oklab(55.8% 0 0)
  • 700 #495057rgb(73, 80, 87)hsl(210 8.75% 31.4%)hwb(210 28.6% 65.9%)lch(33.6 5.4 252)lab(33.6 -1.7 -5.1)oklch(0.43 0.01 248)oklab(42.8% 0 0)
  • 800 #343a40rgb(52, 58, 64)hsl(210 10.3% 22.7%)hwb(210 20.4% 74.9%)lch(24 4.87 252)lab(24 -1.5 -4.6)oklch(0.35 0.01 248)oklab(34.5% 0 0)
  • 900 #212529rgb(33, 37, 41)hsl(210 10.8% 14.5%)hwb(210 12.9% 83.9%)lch(14.4 3.48 252)lab(14.4 -1.1 -3.3)oklch(0.26 0.01 248)oklab(26.2% 0 0)
Колірна палітра "Bootstrap CSS"
Колірна палітра "Bootstrap CSS"