Колірна палітра Open Color

gray

  • 50 #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)
  • 100 #f1f3f5rgb(241 243 245)hsl(210 16.7% 95.3%)hwb(210 94.5% 3.92%)lch(95.7 1.28 251)lab(95.7 -0.4 -1.2)oklch(0.96 0 248)oklab(96.3% 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 #868e96rgb(134 142 150)hsl(210 7.08% 55.7%)hwb(210 52.5% 41.2%)lch(58.6 5.61 252)lab(58.6 -1.8 -5.3)oklch(0.64 0.02 248)oklab(64.3% 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)

red

  • 50 #fff5f5rgb(255 245 245)hsl(0 100% 98%)hwb(0 96.1% 0%)lch(97.3 3.68 19.9)lab(97.3 3.46 1.26)oklch(0.98 0.01 17.3)oklab(97.8% 0.01 0)
  • 100 #ffe3e3rgb(255 227 227)hsl(0 100% 94.5%)hwb(0 89% 0%)lch(92.6 10.6 20.5)lab(92.6 9.92 3.7)oklch(0.94 0.03 17.7)oklab(93.9% 0.03 0.01)
  • 200 #ffc9c9rgb(255 201 201)hsl(0 100% 89.4%)hwb(0 78.8% 0%)lch(85.8 21.2 21.4)lab(85.8 19.8 7.73)oklch(0.88 0.06 18.4)oklab(88.3% 0.06 0.02)
  • 300 #ffa8a8rgb(255 168 168)hsl(0 100% 82.9%)hwb(0 65.9% 0%)lch(77.7 35.8 23)lab(77.7 32.9 14)oklch(0.82 0.1 19.5)oklab(81.7% 0.1 0.03)
  • 400 #ff8787rgb(255 135 135)hsl(0 100% 76.5%)hwb(0 52.9% 0%)lch(70.2 51.3 25.2)lab(70.2 46.4 21.8)oklch(0.76 0.15 21.1)oklab(75.6% 0.14 0.05)
  • 500 #ff6b6brgb(255 107 107)hsl(0 100% 71%)hwb(0 42% 0%)lch(64.7 64.9 27.8)lab(64.7 57.5 30.3)oklch(0.71 0.18 22.8)oklab(71.2% 0.17 0.07)
  • 600 #fa5252rgb(250 82 82)hsl(0 94.4% 65.1%)hwb(0 32.2% 1.96%)lch(59.7 75 30.5)lab(59.7 64.6 38)oklch(0.67 0.2 24.5)oklab(67.1% 0.19 0.08)
  • 700 #f03e3ergb(240 62 62)hsl(0 85.6% 59.2%)hwb(0 24.3% 5.88%)lch(55.2 80.5 32.8)lab(55.2 67.6 43.6)oklch(0.63 0.21 25.8)oklab(63.2% 0.19 0.09)
  • 800 #e03131rgb(224 49 49)hsl(0 73.8% 53.5%)hwb(0 19.2% 12.2%)lch(50.7 80.2 34.1)lab(50.7 66.4 45)oklch(0.59 0.21 26.5)oklab(59.3% 0.19 0.09)
  • 900 #c92a2argb(201 42 42)hsl(0 65.4% 47.6%)hwb(0 16.5% 21.2%)lch(45.4 74.3 34.3)lab(45.4 61.4 41.9)oklch(0.55 0.19 26.6)oklab(54.6% 0.17 0.09)

pink

  • 50 #fff0f6rgb(255 240 246)hsl(336 100% 97.1%)hwb(336 94.1% 0%)lch(96.1 6.06 351)lab(96.1 5.98 -1)oklch(0.97 0.02 351)oklab(96.9% 0.02 0)
  • 100 #ffdeebrgb(255 222 235)hsl(336 100% 93.5%)hwb(336 87.1% 0%)lch(91.5 13.5 352)lab(91.5 13.3 -1.9)oklch(0.93 0.04 352)oklab(93.2% 0.04 0)
  • 200 #fcc2d7rgb(252 194 215)hsl(338 90.6% 87.5%)hwb(338 76.1% 1.18%)lch(84.2 23.8 355)lab(84.2 23.7 -2.1)oklch(0.87 0.07 355)oklab(87.2% 0.07 0)
  • 300 #faa2c1rgb(250 162 193)hsl(339 89.8% 80.8%)hwb(339 63.5% 1.96%)lch(76.3 36.5 357)lab(76.3 36.5 -1.7)oklch(0.81 0.11 357)oklab(80.8% 0.11 0)
  • 400 #f783acrgb(247 131 172)hsl(339 87.9% 74.1%)hwb(339 51.4% 3.14%)lch(69.1 48.4 359)lab(69.1 48.4 -0.6)oklch(0.75 0.15 359)oklab(75% 0.15 0)
  • 500 #f06595rgb(240 101 149)hsl(339 82.2% 66.9%)hwb(339 39.6% 5.88%)lch(62.1 57.7 2.27)lab(62.1 57.6 2.28)oklch(0.69 0.18 1.25)oklab(69.2% 0.18 0)
  • 600 #e64980rgb(230 73 128)hsl(339 75.8% 59.4%)hwb(339 28.6% 9.8%)lch(55.8 64.2 4.69)lab(55.8 64 5.25)oklch(0.64 0.2 3.19)oklab(64% 0.2 0.01)
  • 700 #d6336crgb(214 51 108)hsl(339 66.5% 52%)hwb(339 20% 16.1%)lch(49.8 65.8 7.3)lab(49.8 65.2 8.35)oklch(0.59 0.2 5.25)oklab(58.8% 0.2 0.02)
  • 800 #c2255crgb(194 37 92)hsl(339 68% 45.3%)hwb(339 14.5% 23.9%)lch(44.2 63.3 8.88)lab(44.2 62.6 9.77)oklch(0.54 0.19 6.48)oklab(53.9% 0.19 0.02)
  • 900 #a61e4drgb(166 30 77)hsl(339 69.4% 38.4%)hwb(339 11.8% 34.9%)lch(37.6 56.5 9.31)lab(37.6 55.7 9.13)oklch(0.48 0.17 6.83)oklab(48% 0.17 0.02)

grape

  • 50 #f8f0fcrgb(248 240 252)hsl(280 66.7% 96.5%)hwb(280 94.1% 1.18%)lch(95.7 6.47 312)lab(95.7 4.35 -4.8)oklch(0.96 0.02 315)oklab(96.5% 0.01 0)
  • 100 #f3d9fargb(243 217 250)hsl(287 76.7% 91.6%)hwb(287 85.1% 1.96%)lch(89.6 18.6 317)lab(89.6 13.6 -13)oklch(0.92 0.05 319)oklab(91.7% 0.04 0)
  • 200 #eebefargb(238 190 250)hsl(288 85.7% 86.3%)hwb(288 74.5% 1.96%)lch(82.8 34.2 318)lab(82.8 25.3 -23)oklch(0.86 0.1 319)oklab(86.3% 0.07 -0.1)
  • 300 #e599f7rgb(229 153 247)hsl(289 85.5% 78.4%)hwb(289 60% 3.14%)lch(73.5 53.9 319)lab(73.5 40.5 -36)oklch(0.79 0.15 320)oklab(79% 0.12 -0.1)
  • 400 #da77f2rgb(218 119 242)hsl(288 82.6% 70.8%)hwb(288 46.7% 5.1%)lch(65.1 70.2 319)lab(65.1 53 -46)oklch(0.73 0.2 320)oklab(72.5% 0.15 -0.1)
  • 500 #cc5de8rgb(204 93 232)hsl(288 75.1% 63.7%)hwb(288 36.5% 9.02%)lch(58.2 78.6 319)lab(58.2 59.5 -51)oklch(0.67 0.22 319)oklab(67% 0.17 -0.1)
  • 600 #be4bdbrgb(190 75 219)hsl(288 66.7% 57.6%)hwb(288 29.4% 14.1%)lch(52.7 81.1 319)lab(52.7 61.4 -53)oklch(0.62 0.23 319)oklab(62.4% 0.17 -0.1)
  • 700 #ae3ec9rgb(174 62 201)hsl(288 56.3% 51.6%)hwb(288 24.3% 21.2%)lch(47.5 78.8 320)lab(47.5 60 -51)oklch(0.58 0.22 319)oklab(57.8% 0.17 -0.1)
  • 800 #9c36b5rgb(156 54 181)hsl(288 54% 46.1%)hwb(288 21.2% 29%)lch(42.5 73.3 319)lab(42.5 55.7 -48)oklch(0.53 0.2 319)oklab(53.3% 0.15 -0.1)
  • 900 #862e9crgb(134 46 156)hsl(288 54.5% 39.6%)hwb(288 18% 38.8%)lch(36.5 65.3 319)lab(36.5 49.6 -43)oklch(0.48 0.18 319)oklab(47.8% 0.14 -0.1)

violet

  • 50 #f3f0ffrgb(243 240 255)hsl(252 100% 97.1%)hwb(252 94.1% 0%)lch(95.4 7.52 294)lab(95.4 3.06 -6.9)oklch(0.96 0.02 295)oklab(96.2% 0.01 0)
  • 100 #e5dbffrgb(229 219 255)hsl(257 100% 92.9%)hwb(257 85.9% 0%)lch(89.1 18.4 298)lab(89.1 8.55 -16)oklch(0.91 0.05 298)oklab(91% 0.02 0)
  • 200 #d0bfffrgb(208 191 255)hsl(256 100% 87.5%)hwb(256 74.9% 0%)lch(80.4 33.4 298)lab(80.4 15.6 -29)oklch(0.84 0.09 297)oklab(84.1% 0.04 -0.1)
  • 300 #b197fcrgb(177 151 252)hsl(255 94.4% 79%)hwb(255 59.2% 1.18%)lch(67.9 54.1 299)lab(67.9 26.1 -47)oklch(0.74 0.14 294)oklab(74% 0.06 -0.1)
  • 400 #9775fargb(151 117 250)hsl(255 93% 72%)hwb(255 45.9% 1.96%)lch(57.5 72.8 300)lab(57.5 36.5 -63)oklch(0.66 0.19 292)oklab(65.8% 0.07 -0.2)
  • 500 #845ef7rgb(132 94 247)hsl(255 90.5% 66.9%)hwb(255 36.9% 3.14%)lch(50.4 84.8 301)lab(50.4 43.4 -73)oklch(0.6 0.22 290)oklab(60.3% 0.07 -0.2)
  • 600 #7950f2rgb(121 80 242)hsl(255 86.2% 63.1%)hwb(255 31.4% 5.1%)lch(46.2 90.3 301)lab(46.2 47.2 -77)oklch(0.57 0.23 289)oklab(56.9% 0.07 -0.2)
  • 700 #7048e8rgb(112 72 232)hsl(255 77.7% 59.6%)hwb(255 28.2% 9.02%)lch(43 90 302)lab(43 47.1 -77)oklch(0.54 0.23 288)oklab(54.2% 0.07 -0.2)
  • 800 #6741d9rgb(103 65 217)hsl(255 66.7% 55.3%)hwb(255 25.5% 14.9%)lch(39.6 86.5 302)lab(39.6 45.4 -74)oklch(0.51 0.22 288)oklab(51.2% 0.07 -0.2)
  • 900 #5f3dc4rgb(95 61 196)hsl(255 53.4% 50.4%)hwb(255 23.9% 23.1%)lch(36.4 78.3 302)lab(36.4 41 -67)oklch(0.48 0.2 288)oklab(48.1% 0.06 -0.2)

indigo

  • 50 #edf2ffrgb(237 242 255)hsl(223 100% 96.5%)hwb(223 92.9% 0%)lch(95.4 6.88 271)lab(95.4 0.07 -6.9)oklch(0.96 0.02 269)oklab(96.1% 0 0)
  • 100 #dbe4ffrgb(219 228 255)hsl(225 100% 92.9%)hwb(225 85.9% 0%)lch(90.5 14.3 273)lab(90.5 0.82 -14)oklch(0.92 0.04 271)oklab(92% 0 0)
  • 200 #bac8ffrgb(186 200 255)hsl(228 100% 86.5%)hwb(228 72.9% 0%)lch(81 29.2 278)lab(81 4.06 -29)oklch(0.84 0.08 273)oklab(84.1% 0 -0.1)
  • 300 #91a7ffrgb(145 167 255)hsl(228 100% 78.4%)hwb(228 56.9% 0%)lch(69.5 47.6 281)lab(69.5 9.01 -47)oklch(0.75 0.13 272)oklab(74.7% 0.01 -0.1)
  • 400 #748ffcrgb(116 143 252)hsl(228 95.8% 72.2%)hwb(228 45.5% 1.18%)lch(61.2 60 283)lab(61.2 13.8 -58)oklch(0.68 0.16 271)oklab(68% 0 -0.2)
  • 500 #5c7cfargb(92 124 250)hsl(228 94% 67.1%)hwb(228 36.1% 1.96%)lch(54.7 70.4 285)lab(54.7 18.8 -68)oklch(0.63 0.19 269)oklab(62.8% 0 -0.2)
  • 600 #4c6ef5rgb(76 110 245)hsl(228 89.4% 62.9%)hwb(228 29.8% 3.92%)lch(49.9 76.2 287)lab(49.9 22.6 -73)oklch(0.59 0.21 269)oklab(59% 0 -0.2)
  • 700 #4263ebrgb(66 99 235)hsl(228 80.9% 59%)hwb(228 25.9% 7.84%)lch(45.9 77.7 288)lab(45.9 24.5 -74)oklch(0.56 0.21 268)oklab(55.7% 0 -0.2)
  • 800 #3b5bdbrgb(59 91 219)hsl(228 69% 54.5%)hwb(228 23.1% 14.1%)lch(42.4 74.2 288)lab(42.4 23.4 -70)oklch(0.53 0.2 268)oklab(52.6% 0 -0.2)
  • 900 #364fc7rgb(54 79 199)hsl(230 57.3% 49.6%)hwb(230 21.2% 22%)lch(37.6 70.8 290)lab(37.6 23.8 -67)oklch(0.48 0.19 269)oklab(48.4% 0 -0.2)

blue

  • 50 #e7f5ffrgb(231 245 255)hsl(205 100% 95.3%)hwb(205 90.6% 0%)lch(95.7 7.31 243)lab(95.7 -3.4 -6.5)oklch(0.96 0.02 239)oklab(96.3% 0 0)
  • 100 #d0ebffrgb(208 235 255)hsl(206 100% 90.8%)hwb(206 81.6% 0%)lch(91.5 14.2 245)lab(91.5 -6.1 -13)oklch(0.93 0.04 240)oklab(92.7% 0 0)
  • 200 #a5d8ffrgb(165 216 255)hsl(206 100% 82.4%)hwb(206 64.7% 0%)lch(83.8 26.7 248)lab(83.8 -10 -25)oklch(0.86 0.08 242)oklab(86% 0 -0.1)
  • 300 #74c0fcrgb(116 192 252)hsl(206 95.8% 72.2%)hwb(206 45.5% 1.18%)lch(74.6 39.3 253)lab(74.6 -12 -37)oklch(0.78 0.11 244)oklab(78.2% -0.1 -0.1)
  • 400 #4dabf7rgb(77 171 247)hsl(207 91.4% 63.5%)hwb(207 30.2% 3.14%)lch(66.9 48 258)lab(66.9 -10 -47)oklch(0.72 0.14 246)oklab(71.8% -0.1 -0.1)
  • 500 #339af0rgb(51 154 240)hsl(207 86.3% 57.1%)hwb(207 20% 5.88%)lch(60.9 52.9 262)lab(60.9 -7.2 -52)oklch(0.67 0.16 248)oklab(66.9% -0.1 -0.1)
  • 600 #228be6rgb(34 139 230)hsl(208 79.7% 51.8%)hwb(208 13.3% 9.8%)lch(55.7 55.3 266)lab(55.7 -3.9 -55)oklch(0.63 0.16 250)oklab(62.6% -0.1 -0.2)
  • 700 #1c7ed6rgb(28 126 214)hsl(208 76.9% 47.5%)hwb(208 11% 16.1%)lch(51 53.8 268)lab(51 -2.3 -54)oklch(0.59 0.16 251)oklab(58.6% -0.1 -0.2)
  • 800 #1971c2rgb(25 113 194)hsl(209 77.2% 42.9%)hwb(209 9.8% 23.9%)lch(46.1 50.3 268)lab(46.1 -1.7 -50)oklch(0.54 0.15 252)oklab(54.3% 0 -0.1)
  • 900 #1864abrgb(24 100 171)hsl(209 75.4% 38.2%)hwb(209 9.41% 32.9%)lch(40.9 45.2 268)lab(40.9 -1.8 -45)oklch(0.5 0.13 252)oklab(49.7% 0 -0.1)

cyan

  • 50 #e3fafcrgb(227 250 252)hsl(185 80.6% 93.9%)hwb(185 89% 1.18%)lch(96.6 8.32 206)lab(96.6 -7.5 -3.7)oklch(0.97 0.02 203)oklab(96.9% 0 0)
  • 100 #c5f6fargb(197 246 250)hsl(185 84.1% 87.6%)hwb(185 77.3% 1.96%)lch(93.6 17.2 205)lab(93.6 -16 -7.4)oklch(0.94 0.05 203)oklab(94.1% 0 0)
  • 200 #99e9f2rgb(153 233 242)hsl(186 77.4% 77.5%)hwb(186 60% 5.1%)lch(87.4 26.9 208)lab(87.4 -24 -13)oklch(0.89 0.08 205)oklab(88.6% -0.1 0)
  • 300 #66d9e8rgb(102 217 232)hsl(187 73.9% 65.5%)hwb(187 40% 9.02%)lch(80.5 35.7 210)lab(80.5 -31 -18)oklch(0.82 0.11 207)oklab(82.4% -0.1 0)
  • 400 #3bc9dbrgb(59 201 219)hsl(187 69% 54.5%)hwb(187 23.1% 14.1%)lch(74.3 39.7 211)lab(74.3 -34 -20)oklch(0.77 0.12 208)oklab(77% -0.1 -0.1)
  • 500 #22b8cfrgb(34 184 207)hsl(188 71.8% 47.3%)hwb(188 13.3% 18.8%)lch(68.4 39.6 215)lab(68.4 -32 -23)oklch(0.72 0.12 211)oklab(72% -0.1 -0.1)
  • 600 #15aabfrgb(21 170 191)hsl(187 80.2% 41.6%)hwb(187 8.24% 25.1%)lch(63.5 38 215)lab(63.5 -31 -22)oklch(0.68 0.11 211)oklab(67.8% -0.1 -0.1)
  • 700 #1098adrgb(16 152 173)hsl(188 83.1% 37.1%)hwb(188 6.27% 32.2%)lch(57.2 35.2 216)lab(57.2 -28 -21)oklch(0.62 0.11 212)oklab(62.5% -0.1 -0.1)
  • 800 #0c8599rgb(12 133 153)hsl(189 85.5% 32.4%)hwb(189 4.71% 40%)lch(50.5 32.1 218)lab(50.5 -25 -20)oklch(0.57 0.1 213)oklab(56.8% -0.1 -0.1)
  • 900 #0b7285rgb(11 114 133)hsl(189 84.7% 28.2%)hwb(189 4.31% 47.8%)lch(43.6 28.8 220)lab(43.6 -22 -19)oklch(0.51 0.09 215)oklab(50.9% -0.1 -0.1)

teal

  • 50 #e6fcf5rgb(230 252 245)hsl(161 78.6% 94.5%)hwb(161 90.2% 1.18%)lch(97.2 8.43 175)lab(97.2 -8.4 0.78)oklch(0.97 0.02 175)oklab(97.3% 0 0)
  • 100 #c3fae8rgb(195 250 232)hsl(160 84.6% 87.3%)hwb(160 76.5% 1.96%)lch(94.1 20.9 173)lab(94.1 -21 2.67)oklch(0.94 0.06 173)oklab(94.3% -0.1 0.01)
  • 200 #96f2d7rgb(150 242 215)hsl(162 78% 76.9%)hwb(162 58.8% 5.1%)lch(89.2 33.5 173)lab(89.2 -33 3.97)oklch(0.9 0.1 173)oklab(89.6% -0.1 0.01)
  • 300 #63e6bergb(99 230 190)hsl(162 72.4% 64.5%)hwb(162 38.8% 9.8%)lch(83.2 45.7 170)lab(83.2 -45 8.16)oklch(0.84 0.13 170)oklab(84.1% -0.1 0.02)
  • 400 #38d9a9rgb(56 217 169)hsl(162 67.9% 53.5%)hwb(162 22% 14.9%)lch(77.9 52.3 167)lab(77.9 -51 11.4)oklch(0.79 0.15 168)oklab(79.3% -0.1 0.03)
  • 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 #12b886rgb(18 184 134)hsl(162 82.2% 39.6%)hwb(162 7.06% 27.8%)lch(66.5 51.3 164)lab(66.5 -49 14.1)oklch(0.69 0.14 165)oklab(69.5% -0.1 0.04)
  • 700 #0ca678rgb(12 166 120)hsl(162 86.5% 34.9%)hwb(162 4.71% 34.9%)lch(60.4 47.9 164)lab(60.4 -46 13.3)oklch(0.64 0.13 165)oklab(64.3% -0.1 0.04)
  • 800 #099268rgb(9 146 104)hsl(162 88.4% 30.4%)hwb(162 3.53% 42.7%)lch(53.5 43.9 163)lab(53.5 -42 12.7)oklch(0.59 0.12 164)oklab(58.5% -0.1 0.03)
  • 900 #087f5brgb(8 127 91)hsl(162 88.1% 26.5%)hwb(162 3.14% 50.2%)lch(46.8 39.3 164)lab(46.8 -38 10.9)oklch(0.53 0.11 165)oklab(52.9% -0.1 0.03)

green

  • 50 #ebfbeergb(235 251 238)hsl(131 66.7% 95.3%)hwb(131 92.2% 1.57%)lch(97.2 8.4 149)lab(97.2 -7.2 4.35)oklch(0.97 0.02 151)oklab(97.3% 0 0.01)
  • 100 #d3f9d8rgb(211 249 216)hsl(128 76% 90.2%)hwb(128 82.7% 2.35%)lch(94.6 20.8 146)lab(94.6 -17 11.6)oklch(0.95 0.06 149)oklab(94.6% -0.1 0.03)
  • 200 #b2f2bbrgb(178 242 187)hsl(128 71.1% 82.4%)hwb(128 69.8% 5.1%)lch(90.1 35.1 145)lab(90.1 -29 19.9)oklch(0.9 0.1 148)oklab(90.4% -0.1 0.05)
  • 300 #8ce99argb(140 233 154)hsl(129 67.9% 73.1%)hwb(129 54.9% 8.63%)lch(85.1 50.5 144)lab(85.1 -41 29.5)oklch(0.86 0.14 148)oklab(85.6% -0.1 0.08)
  • 400 #69db7crgb(105 219 124)hsl(130 61.3% 63.5%)hwb(130 41.2% 14.1%)lch(79.1 60.9 143)lab(79.1 -49 36.3)oklch(0.8 0.17 147)oklab(80.2% -0.1 0.09)
  • 500 #51cf66rgb(81 207 102)hsl(130 56.8% 56.5%)hwb(130 31.8% 18.8%)lch(74.4 66.8 142)lab(74.4 -53 41)oklch(0.76 0.18 147)oklab(76% -0.2 0.1)
  • 600 #40c057rgb(64 192 87)hsl(131 50.4% 50.2%)hwb(131 25.1% 24.7%)lch(69.1 67.2 142)lab(69.1 -53 41.6)oklch(0.71 0.18 146)oklab(71.5% -0.2 0.1)
  • 700 #37b24drgb(55 178 77)hsl(131 52.8% 45.7%)hwb(131 21.6% 30.2%)lch(64.3 65.1 141)lab(64.3 -51 40.6)oklch(0.67 0.18 146)oklab(67.4% -0.1 0.1)
  • 800 #2f9e44rgb(47 158 68)hsl(131 54.1% 40.2%)hwb(131 18.4% 38%)lch(57.6 59.6 142)lab(57.6 -47 36.9)oklch(0.62 0.16 146)oklab(61.7% -0.1 0.09)
  • 900 #2b8a3ergb(43 138 62)hsl(132 52.5% 35.5%)hwb(132 16.9% 45.9%)lch(50.7 52.2 142)lab(50.7 -41 31.9)oklch(0.56 0.14 147)oklab(56% -0.1 0.08)

lime

  • 50 #f4fce3rgb(244 252 227)hsl(79.2 80.6% 93.9%)hwb(79.2 89% 1.18%)lch(97.9 12.6 118)lab(97.9 -5.9 11.1)oklch(0.98 0.03 121)oklab(97.8% 0 0.03)
  • 100 #e9fac8rgb(233 250 200)hsl(80.4 83.3% 88.2%)hwb(80.4 78.4% 1.96%)lch(96.1 25.2 119)lab(96.1 -12 22.1)oklch(0.96 0.07 123)oklab(96% 0 0.06)
  • 200 #d8f5a2rgb(216 245 162)hsl(81 80.6% 79.8%)hwb(81 63.5% 3.92%)lch(93 41.7 118)lab(93 -20 36.7)oklch(0.93 0.11 124)oklab(93% -0.1 0.09)
  • 300 #c0eb75rgb(192 235 117)hsl(81.9 74.7% 69%)hwb(81.9 45.9% 7.84%)lch(88.1 58.9 118)lab(88.1 -28 51.8)oklch(0.88 0.15 126)oklab(88.5% -0.1 0.12)
  • 400 #a9e34brgb(169 227 75)hsl(82.9 73.1% 59.2%)hwb(82.9 29.4% 11%)lch(84.1 73.7 119)lab(84.1 -36 64.5)oklch(0.85 0.19 128)oklab(84.7% -0.1 0.15)
  • 500 #94d82drgb(148 216 45)hsl(83.9 68.7% 51.2%)hwb(83.9 17.6% 15.3%)lch(79.6 80.1 120)lab(79.6 -40 69.4)oklch(0.81 0.2 130)oklab(80.7% -0.1 0.16)
  • 600 #82c91ergb(130 201 30)hsl(84.9 74% 45.3%)hwb(84.9 11.8% 21.2%)lch(74.1 79.3 121)lab(74.1 -41 67.9)oklch(0.76 0.2 131)oklab(76% -0.1 0.15)
  • 700 #74b816rgb(116 184 22)hsl(85.2 78.6% 40.4%)hwb(85.2 8.63% 27.8%)lch(68.2 75.4 121)lab(68.2 -39 64.3)oklch(0.71 0.19 132)oklab(71% -0.1 0.14)
  • 800 #66a80frgb(102 168 15)hsl(85.9 83.6% 35.9%)hwb(85.9 5.88% 34.1%)lch(62.6 71.5 122)lab(62.6 -38 60.6)oklch(0.66 0.18 132)oklab(66.2% -0.1 0.13)
  • 900 #5c940drgb(92 148 13)hsl(84.9 83.9% 31.6%)hwb(84.9 5.1% 42%)lch(55.7 64.6 121)lab(55.7 -34 55.2)oklch(0.6 0.16 132)oklab(60.4% -0.1 0.12)

yellow

  • 50 #fff9dbrgb(255 249 219)hsl(50 100% 92.9%)hwb(50 85.9% 0%)lch(97.8 15.3 95.8)lab(97.8 -1.5 15.2)oklch(0.98 0.04 97.8)oklab(97.9% 0 0.04)
  • 100 #fff3bfrgb(255 243 191)hsl(48.7 100% 87.5%)hwb(48.7 74.9% 0%)lch(95.9 26.8 93.5)lab(95.9 -1.6 26.7)oklch(0.96 0.07 96.6)oklab(96.1% 0 0.07)
  • 200 #ffec99rgb(255 236 153)hsl(48.8 100% 80%)hwb(48.8 60% 0%)lch(93.6 42.7 92.2)lab(93.6 -1.6 42.7)oklch(0.94 0.1 96.8)oklab(94% 0 0.1)
  • 300 #ffe066rgb(255 224 102)hsl(47.8 100% 70%)hwb(47.8 40% 0%)lch(90.1 62.3 89.1)lab(90.1 0.94 62.3)oklch(0.91 0.14 95.1)oklab(91% 0 0.14)
  • 400 #ffd43brgb(255 212 59)hsl(46.8 100% 61.6%)hwb(46.8 23.1% 0%)lch(86.9 75.6 86.1)lab(86.9 5.14 75.5)oklch(0.88 0.16 92.2)oklab(88.3% 0 0.16)
  • 500 #fcc419rgb(252 196 25)hsl(45.2 97.4% 54.3%)hwb(45.2 9.8% 1.18%)lch(82.5 81.1 82.1)lab(82.5 11.1 80.3)oklch(0.85 0.17 87.1)oklab(84.7% 0.01 0.17)
  • 600 #fab005rgb(250 176 5)hsl(41.9 96.1% 50%)hwb(41.9 1.96% 1.96%)lch(77.5 81.9 75.9)lab(77.5 20 79.4)oklch(0.81 0.17 78.1)oklab(80.7% 0.03 0.16)
  • 700 #f59f00rgb(245 159 0)hsl(38.9 100% 48%)hwb(38.9 0% 3.92%)lch(73 81.2 71.1)lab(73 26.4 76.8)oklch(0.77 0.17 71)oklab(77% 0.05 0.16)
  • 800 #f08c00rgb(240 140 0)hsl(35 100% 47.1%)hwb(35 0% 5.88%)lch(68.2 81 65.4)lab(68.2 33.8 73.7)oklch(0.73 0.17 62.6)oklab(73.1% 0.08 0.15)
  • 900 #e67700rgb(230 119 0)hsl(31 100% 45.1%)hwb(31 0% 9.8%)lch(62.4 80.4 60.1)lab(62.4 40.1 69.7)oklch(0.68 0.17 55)oklab(68.3% 0.1 0.14)

orange

  • 50 #fff4e6rgb(255 244 230)hsl(33.6 100% 95.1%)hwb(33.6 90.2% 0%)lch(96.8 8.42 75.6)lab(96.8 2.1 8.15)oklch(0.97 0.02 74.1)oklab(97.2% 0.01 0.02)
  • 100 #ffe8ccrgb(255 232 204)hsl(32.9 100% 90%)hwb(32.9 80% 0%)lch(93.3 17.4 73.6)lab(93.3 4.92 16.7)oklch(0.94 0.04 72.7)oklab(94.2% 0.01 0.04)
  • 200 #ffd8a8rgb(255 216 168)hsl(33.1 100% 82.9%)hwb(33.1 65.9% 0%)lch(88.9 30.5 72.4)lab(88.9 9.21 29.1)oklch(0.9 0.08 72.4)oklab(90.4% 0.02 0.07)
  • 300 #ffc078rgb(255 192 120)hsl(32 100% 73.5%)hwb(32 47.1% 0%)lch(82.5 48.5 68.8)lab(82.5 17.5 45.2)oklch(0.85 0.11 69)oklab(85% 0.04 0.11)
  • 400 #ffa94drgb(255 169 77)hsl(31 100% 65.1%)hwb(31 30.2% 0%)lch(76.8 65 65.6)lab(76.8 26.9 59.2)oklch(0.8 0.15 64.6)oklab(80.3% 0.06 0.13)
  • 500 #ff922brgb(255 146 43)hsl(29.2 100% 58.4%)hwb(29.2 16.9% 0%)lch(71.6 77.5 61.2)lab(71.6 37.3 67.9)oklch(0.76 0.17 57.8)oklab(76.2% 0.09 0.14)
  • 600 #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)
  • 700 #f76707rgb(247 103 7)hsl(24 94.5% 49.8%)hwb(24 2.75% 3.14%)lch(62 88.4 52.5)lab(62 53.8 70.1)oklch(0.69 0.2 44.6)oklab(68.5% 0.14 0.14)
  • 800 #e8590crgb(232 89 12)hsl(21 90.2% 47.8%)hwb(21 4.71% 9.02%)lch(57.2 84.9 50.1)lab(57.2 54.5 65.1)oklch(0.64 0.19 41.7)oklab(64.4% 0.14 0.13)
  • 900 #d9480frgb(217 72 15)hsl(16.9 87.1% 45.5%)hwb(16.9 5.88% 14.9%)lch(52 82.1 46.9)lab(52 56.2 59.9)oklch(0.6 0.19 37.9)oklab(60% 0.15 0.12)
Колірна палітра "Open Color"
Колірна палітра "Open Color"