Hyperchromatic

An open source P3/OKLCH color palette

Hex and rgb colors on the web are limited to the sRGB range of colors supported by older displays. Hyperchromatic is an open source palette using OKLCH for colors in the wider P3 range that modern displays support.

The best of brightness, contrast, and utility

The curve used to calculate each shade seeks to maximize both contrast between light shades and midrange brightness by using an inverse sine shape that is curved for dark shades and more linear for light shades. Each curve is adjusted so that the most vibrant part of the curve aligns with the nearest 100-precision shade.

Colors

• Red

  • 25oklch(98.34% 0.01 30)
  • 50oklch(96.69% 0.021 30)
  • 75oklch(95.03% 0.032 30)
  • 100oklch(93.37% 0.043 30)
  • 125oklch(91.7% 0.055 30)
  • 150oklch(90.04% 0.067 30)
  • 175oklch(88.36% 0.079 30)
  • 200oklch(86.68% 0.092 30)
  • 225oklch(84.99% 0.105 30)
  • 250oklch(83.28% 0.119 30)
  • 275oklch(81.57% 0.134 30)
  • 300oklch(79.85% 0.148 30)
  • 325oklch(78.11% 0.164 30)
  • 350oklch(76.36% 0.18 30)
  • 375oklch(74.59% 0.197 30)
  • 400oklch(72.8% 0.214 30)
  • 425oklch(70.99% 0.232 30)
  • 450oklch(69.16% 0.251 30)
  • 475oklch(67.3% 0.272 30)
  • 500oklch(65.41% 0.293 30)
  • 525oklch(63.62% 0.285 30)
  • 550oklch(61.8% 0.277 30)
  • 575oklch(59.93% 0.268 30)
  • 600oklch(58.03% 0.26 30)
  • 625oklch(56.08% 0.251 30)
  • 650oklch(54.08% 0.242 30)
  • 675oklch(52.01% 0.233 30)
  • 700oklch(49.88% 0.223 30)
  • 725oklch(47.68% 0.213 30)
  • 750oklch(45.38% 0.203 30)
  • 775oklch(42.98% 0.192 30)
  • 800oklch(40.46% 0.181 30)
  • 825oklch(37.79% 0.169 30)
  • 850oklch(34.94% 0.156 30)
  • 875oklch(31.86% 0.142 30)
  • 900oklch(28.46% 0.127 30)
  • 925oklch(24.62% 0.11 30)
  • 950oklch(20.09% 0.09 30)
  • 975oklch(14.2% 0.063 30)

• Orange

  • 25oklch(98.51% 0.01 55)
  • 50oklch(97.03% 0.021 55)
  • 75oklch(95.54% 0.033 55)
  • 100oklch(94.05% 0.044 55)
  • 125oklch(92.56% 0.056 55)
  • 150oklch(91.06% 0.069 55)
  • 175oklch(89.56% 0.081 55)
  • 200oklch(88.05% 0.094 55)
  • 225oklch(86.53% 0.107 55)
  • 250oklch(85% 0.121 55)
  • 275oklch(83.46% 0.135 55)
  • 300oklch(81.91% 0.149 55)
  • 325oklch(80.34% 0.164 55)
  • 350oklch(78.76% 0.18 55)
  • 375oklch(77.16% 0.196 55)
  • 400oklch(75.54% 0.213 55)
  • 425oklch(73.9% 0.208 55)
  • 450oklch(72.24% 0.203 55)
  • 475oklch(70.56% 0.199 55)
  • 500oklch(68.84% 0.194 55)
  • 525oklch(66.88% 0.188 55)
  • 550oklch(64.88% 0.183 55)
  • 575oklch(62.85% 0.177 55)
  • 600oklch(60.77% 0.171 55)
  • 625oklch(58.65% 0.165 55)
  • 650oklch(56.48% 0.159 55)
  • 675oklch(54.24% 0.153 55)
  • 700oklch(51.94% 0.146 55)
  • 725oklch(49.56% 0.139 55)
  • 750oklch(47.1% 0.132 55)
  • 775oklch(44.53% 0.125 55)
  • 800oklch(41.83% 0.118 55)
  • 825oklch(38.99% 0.11 55)
  • 850oklch(35.97% 0.101 55)
  • 875oklch(32.71% 0.092 55)
  • 900oklch(29.14% 0.082 55)
  • 925oklch(25.14% 0.07 55)
  • 950oklch(20.43% 0.057 55)
  • 975oklch(14.37% 0.04 55)

• Yellow

  • 25oklch(98.65% 0.015 80)
  • 50oklch(97.3% 0.03 80)
  • 75oklch(95.95% 0.045 80)
  • 100oklch(94.6% 0.061 80)
  • 125oklch(93.24% 0.077 80)
  • 150oklch(91.88% 0.093 80)
  • 175oklch(90.51% 0.11 80)
  • 200oklch(89.14% 0.127 80)
  • 225oklch(87.75% 0.144 80)
  • 250oklch(86.36% 0.162 80)
  • 275oklch(84.96% 0.18 80)
  • 300oklch(83.54% 0.199 80)
  • 325oklch(82.11% 0.195 80)
  • 350oklch(80.66% 0.192 80)
  • 375oklch(79.2% 0.188 80)
  • 400oklch(77.72% 0.185 80)
  • 425oklch(76.22% 0.181 80)
  • 450oklch(74.69% 0.178 80)
  • 475oklch(73.14% 0.174 80)
  • 500oklch(71.57% 0.17 80)
  • 525oklch(69.47% 0.165 80)
  • 550oklch(67.33% 0.16 80)
  • 575oklch(65.16% 0.155 80)
  • 600oklch(62.95% 0.15 80)
  • 625oklch(60.69% 0.144 80)
  • 650oklch(58.38% 0.139 80)
  • 675oklch(56.01% 0.133 80)
  • 700oklch(53.57% 0.127 80)
  • 725oklch(51.06% 0.121 80)
  • 750oklch(48.46% 0.115 80)
  • 775oklch(45.75% 0.109 80)
  • 800oklch(42.92% 0.102 80)
  • 825oklch(39.95% 0.095 80)
  • 850oklch(36.79% 0.087 80)
  • 875oklch(33.39% 0.079 80)
  • 900oklch(29.69% 0.07 80)
  • 925oklch(25.54% 0.06 80)
  • 950oklch(20.7% 0.049 80)
  • 975oklch(14.51% 0.034 80)

• Green

  • 25oklch(98.49% 0.027 145)
  • 50oklch(96.98% 0.052 145)
  • 75oklch(95.47% 0.071 145)
  • 100oklch(93.96% 0.088 145)
  • 125oklch(92.45% 0.105 145)
  • 150oklch(90.92% 0.12 145)
  • 175oklch(89.4% 0.135 145)
  • 200oklch(87.86% 0.149 145)
  • 225oklch(86.32% 0.163 145)
  • 250oklch(84.77% 0.176 145)
  • 275oklch(83.2% 0.189 145)
  • 300oklch(81.63% 0.202 145)
  • 325oklch(80.04% 0.215 145)
  • 350oklch(78.43% 0.227 145)
  • 375oklch(76.81% 0.239 145)
  • 400oklch(75.17% 0.251 145)
  • 425oklch(73.51% 0.263 145)
  • 450oklch(71.83% 0.274 145)
  • 475oklch(70.12% 0.286 145)
  • 500oklch(68.38% 0.291 145)
  • 525oklch(66.44% 0.283 145)
  • 550oklch(64.47% 0.275 145)
  • 575oklch(62.46% 0.266 145)
  • 600oklch(60.4% 0.257 145)
  • 625oklch(58.3% 0.248 145)
  • 650oklch(56.15% 0.239 145)
  • 675oklch(53.94% 0.23 145)
  • 700oklch(51.66% 0.22 145)
  • 725oklch(49.31% 0.21 145)
  • 750oklch(46.86% 0.2 145)
  • 775oklch(44.32% 0.189 145)
  • 800oklch(41.65% 0.177 145)
  • 825oklch(38.83% 0.165 145)
  • 850oklch(35.83% 0.152 145)
  • 875oklch(32.6% 0.139 145)
  • 900oklch(29.05% 0.124 145)
  • 925oklch(25.07% 0.107 145)
  • 950oklch(20.38% 0.087 145)
  • 975oklch(14.35% 0.061 145)

• Blue

  • 25oklch(98.07% 0.009 260)
  • 50oklch(96.15% 0.02 260)
  • 75oklch(94.22% 0.03 260)
  • 100oklch(92.3% 0.04 260)
  • 125oklch(90.36% 0.051 260)
  • 150oklch(88.43% 0.061 260)
  • 175oklch(86.48% 0.072 260)
  • 200oklch(84.53% 0.083 260)
  • 225oklch(82.57% 0.095 260)
  • 250oklch(80.61% 0.106 260)
  • 275oklch(78.63% 0.118 260)
  • 300oklch(76.63% 0.129 260)
  • 325oklch(74.63% 0.141 260)
  • 350oklch(72.61% 0.154 260)
  • 375oklch(70.57% 0.166 260)
  • 400oklch(68.51% 0.179 260)
  • 425oklch(66.43% 0.192 260)
  • 450oklch(64.33% 0.206 260)
  • 475oklch(62.21% 0.219 260)
  • 500oklch(60.05% 0.233 260)
  • 525oklch(58.53% 0.243 260)
  • 550oklch(56.97% 0.254 260)
  • 575oklch(55.38% 0.264 260)
  • 600oklch(53.74% 0.275 260)
  • 625oklch(52.06% 0.267 260)
  • 650oklch(50.32% 0.258 260)
  • 675oklch(48.53% 0.249 260)
  • 700oklch(46.67% 0.239 260)
  • 725oklch(44.73% 0.229 260)
  • 750oklch(42.7% 0.219 260)
  • 775oklch(40.57% 0.208 260)
  • 800oklch(38.32% 0.196 260)
  • 825oklch(35.92% 0.184 260)
  • 850oklch(33.33% 0.171 260)
  • 875oklch(30.52% 0.156 260)
  • 900oklch(27.39% 0.14 260)
  • 925oklch(23.82% 0.122 260)
  • 950oklch(19.55% 0.1 260)
  • 975oklch(13.93% 0.071 260)

• Purple

  • 25oklch(98.46% 0.01 310)
  • 50oklch(96.92% 0.021 310)
  • 75oklch(95.39% 0.032 310)
  • 100oklch(93.85% 0.043 310)
  • 125oklch(92.3% 0.055 310)
  • 150oklch(90.75% 0.066 310)
  • 175oklch(89.19% 0.078 310)
  • 200oklch(87.63% 0.089 310)
  • 225oklch(86.06% 0.101 310)
  • 250oklch(84.48% 0.114 310)
  • 275oklch(82.89% 0.126 310)
  • 300oklch(81.28% 0.139 310)
  • 325oklch(79.66% 0.152 310)
  • 350oklch(78.03% 0.165 310)
  • 375oklch(76.38% 0.178 310)
  • 400oklch(74.71% 0.192 310)
  • 425oklch(73.02% 0.206 310)
  • 450oklch(71.3% 0.221 310)
  • 475oklch(69.57% 0.235 310)
  • 500oklch(67.8% 0.251 310)
  • 525oklch(65.89% 0.267 310)
  • 550oklch(63.95% 0.284 310)
  • 575oklch(61.96% 0.302 310)
  • 600oklch(59.94% 0.32 310)
  • 625oklch(57.87% 0.309 310)
  • 650oklch(55.75% 0.298 310)
  • 675oklch(53.56% 0.286 310)
  • 700oklch(51.31% 0.274 310)
  • 725oklch(48.99% 0.262 310)
  • 750oklch(46.57% 0.249 310)
  • 775oklch(44.06% 0.235 310)
  • 800oklch(41.42% 0.221 310)
  • 825oklch(38.63% 0.206 310)
  • 850oklch(35.66% 0.19 310)
  • 875oklch(32.45% 0.173 310)
  • 900oklch(28.94% 0.154 310)
  • 925oklch(24.98% 0.133 310)
  • 950oklch(20.33% 0.108 310)
  • 975oklch(14.32% 0.076 310)

• Pink

  • 25oklch(98.59% 0.012 340)
  • 50oklch(97.17% 0.024 340)
  • 75oklch(95.76% 0.037 340)
  • 100oklch(94.35% 0.051 340)
  • 125oklch(92.93% 0.064 340)
  • 150oklch(91.5% 0.078 340)
  • 175oklch(90.07% 0.093 340)
  • 200oklch(88.63% 0.108 340)
  • 225oklch(87.18% 0.123 340)
  • 250oklch(85.73% 0.139 340)
  • 275oklch(84.26% 0.156 340)
  • 300oklch(82.78% 0.173 340)
  • 325oklch(81.28% 0.19 340)
  • 350oklch(79.78% 0.209 340)
  • 375oklch(78.25% 0.228 340)
  • 400oklch(76.7% 0.248 340)
  • 425oklch(75.14% 0.269 340)
  • 450oklch(73.55% 0.291 340)
  • 475oklch(71.94% 0.314 340)
  • 500oklch(70.3% 0.339 340)
  • 525oklch(68.26% 0.329 340)
  • 550oklch(66.19% 0.319 340)
  • 575oklch(64.08% 0.309 340)
  • 600oklch(61.94% 0.298 340)
  • 625oklch(59.74% 0.288 340)
  • 650oklch(57.49% 0.277 340)
  • 675oklch(55.19% 0.266 340)
  • 700oklch(52.81% 0.254 340)
  • 725oklch(50.36% 0.242 340)
  • 750oklch(47.82% 0.23 340)
  • 775oklch(45.18% 0.217 340)
  • 800oklch(42.42% 0.204 340)
  • 825oklch(39.5% 0.19 340)
  • 850oklch(36.41% 0.175 340)
  • 875oklch(33.08% 0.159 340)
  • 900oklch(29.44% 0.141 340)
  • 925oklch(25.35% 0.122 340)
  • 950oklch(20.57% 0.099 340)
  • 975oklch(14.44% 0.069 340)

• Gray

  • 25oklch(98.56% 0 0)
  • 50oklch(97.12% 0 0)
  • 75oklch(95.68% 0 0)
  • 100oklch(94.24% 0 0)
  • 125oklch(92.8% 0 0)
  • 150oklch(91.35% 0 0)
  • 175oklch(89.89% 0 0)
  • 200oklch(88.43% 0 0)
  • 225oklch(86.95% 0 0)
  • 250oklch(85.47% 0 0)
  • 275oklch(83.98% 0 0)
  • 300oklch(82.47% 0 0)
  • 325oklch(80.95% 0 0)
  • 350oklch(79.42% 0 0)
  • 375oklch(77.87% 0 0)
  • 400oklch(76.3% 0 0)
  • 425oklch(74.71% 0 0)
  • 450oklch(73.09% 0 0)
  • 475oklch(71.45% 0 0)
  • 500oklch(69.79% 0 0)
  • 525oklch(67.78% 0 0)
  • 550oklch(65.73% 0 0)
  • 575oklch(63.65% 0 0)
  • 600oklch(61.53% 0 0)
  • 625oklch(59.36% 0 0)
  • 650oklch(57.14% 0 0)
  • 675oklch(54.85% 0 0)
  • 700oklch(52.51% 0 0)
  • 725oklch(50.08% 0 0)
  • 750oklch(47.57% 0 0)
  • 775oklch(44.95% 0 0)
  • 800oklch(42.21% 0 0)
  • 825oklch(39.32% 0 0)
  • 850oklch(36.25% 0 0)
  • 875oklch(32.95% 0 0)
  • 900oklch(29.33% 0 0)
  • 925oklch(25.28% 0 0)
  • 950oklch(20.52% 0 0)
  • 975oklch(14.42% 0 0)