Zachary Mayhew

Color Min Max

oklab(0.354 0.047 0.016)rgb(83, 49, 50)hsl(358.64, 25.65%, 25.77%)#533132

oklab(0.414 0.047 0.016)rgb(100, 65, 65)hsl(359.07, 21.41%, 32.24%)#644141

oklab(0.474 0.047 0.016)rgb(117, 81, 81)hsl(359.37, 18.42%, 38.9%)#755151

oklab(0.534 0.047 0.016)rgb(136, 98, 98)hsl(359.59, 16.2%, 45.74%)#886262

oklab(0.594 0.047 0.016)rgb(154, 115, 115)hsl(359.76, 16.16%, 52.75%)#9a7373

oklab(0.654 0.047 0.016)rgb(173, 133, 133)hsl(359.89, 19.58%, 59.93%)#ad8585

oklab(0.714 0.047 0.016)rgb(192, 151, 151)hsl(0, 24.55%, 67.25%)#c09797

oklab(0.774 0.047 0.016)rgb(212, 170, 170)hsl(0.09, 32.56%, 74.71%)#d4aaaa

oklab(0.834 0.047 0.016)rgb(231, 189, 188)hsl(0.17, 47.57%, 82.3%)#e7bdbc

Prefix

:root {
  --color-100: oklab(0.3543961330674036 0.04681678116888843 0.015549332628874146);
  --color-200: oklab(0.4143961330674036 0.04681678116888843 0.015549332628874146);
  --color-300: oklab(0.4743961330674036 0.04681678116888843 0.015549332628874146);
  --color-400: oklab(0.5343961330674036 0.04681678116888843 0.015549332628874146);
  --color-500: oklab(0.5943961330674036 0.04681678116888843 0.015549332628874146);
  --color-600: oklab(0.6543961330674035 0.04681678116888843 0.015549332628874146);
  --color-700: oklab(0.7143961330674036 0.04681678116888843 0.015549332628874146);
  --color-800: oklab(0.7743961330674036 0.04681678116888843 0.015549332628874146);
  --color-900: oklab(0.8343961330674037 0.04681678116888843 0.015549332628874146);
}