
Extended gamut colors & APCA
I found out about the new color-contrast guidelines (being reviewed) and the “Accessible Perceptual Contrast Algorithm” a few years ago, and I’ve been really impressed with the thought and effort that’s been put into it.
The TL;DR for anyone new to color contrast discussions is that older color models didn’t account for the difference in brightness that people perceive when looking at different hues (eg, “blues are darker than yellows at higher saturations”)
https://git.apcacontrast.com this site goes into excruciating detail if anyone is curious.
I’ve been trying to use the APCA guidelines in my design work, but I’m also working on updating my technique to use extended gamut colors (which don’t seem to have any support on existing contrast-checking tools or in Figma).
The TL;DR on extended gamut is that newer, high-end displays (all iPhones and Macs for years, plus many other high-end phones and computers) can show more colors outside of sRGB. You can play with those colors in CSS or with sites like https://oklch.com
I’m curious if anyone else has been pushing out into extended gamut colors, and if so, how you’re managing your palettes and contrast-ratios.