The OKLCH Mathematical Manifesto
Why legacy sRGB and HSL break dual-mode design systems, and how perceptual lightness guarantees accessibility.
Perceptual lightness is not an aesthetic preference; it is a photometric invariant required for cognitive legibility.
For thirty years, digital color was trapped in the non-linear distortion of sRGB and HSL, where pure yellow appeared nine times brighter than pure blue at the same nominal lightness. The transition to OKLCH establishes mathematically uniform lightness, unlocks Display P3 wide-gamut vibrance, and provides deterministic contrast calculations for autonomous design engines.
1. The Non-Linear Lie of sRGB & HSL
In HSL, setting Lightness to 50% across different hues produces radically discordant perceived brightness. An HSL blue (#0000ff, L=50%) has a relative perceptual luminance of approximately 0.07, while an HSL yellow (#ffff00, L=50%) emits a relative luminance of 0.93. When design systems automate dark mode inverted themes using HSL mathematics, text contrast ratios collapse into illegibility.
OKLCH solves this through cylindrical modeling of the Oklab color space developed by Björn Ottosson. In OKLCH, L represents true human perceptual lightness calibrated to human cone photoreceptors. An L of 0.65 in cobalt blue has the exact perceived luminance as an L of 0.65 in amber gold.
☞In OKLCH, a lightness step is a physical constant of human vision, not an artifact of cathode-ray tube voltages.
2. Unlocking Display P3 Without Gamut Clipping
Standard sRGB monitors display only 35% of the colors visible to the human eye. Modern OLED and Liquid Retina displays support Display P3, encompassing 50% of the visible chromatic spectrum. Traditional hex codes cannot address colors outside sRGB.
OKLCH allows design tokens to specify vivid chromas (C > 0.18) that gracefully degrade via CSS color-gamut media queries, delivering radiant saturation on modern hardware while preventing ugly clipping artifacts on legacy screens.
A deterministic token formula maintaining a verified 14.6:1 contrast ratio across both light and dark substrates.
| Formula Light | oklch(0.18 0.02 265) |
| Formula Dark | oklch(0.96 0.01 85) |
| Lightness Delta | ΔL = 0.78 (Invariant) |
APA 7th Edition Bibliography
All references cited in this monograph represent verified canonical publications, historical treatises, or peer-reviewed literature.
Ottosson, B. (2020). A perceptual color space for computer graphics. https://bottosson.github.io/posts/oklab/
Curatorial Context: The seminal paper establishing the Oklab and OKLCH color spaces optimized for human perceptual uniformity.
Archival Cross-References
Related Design Atlas Cartography
Archival Inquiries: The OKLCH Mathematical Manifesto
Bespoke recursive search tree answering core questions on The OKLCH Mathematical Manifesto.