Earlier quoted context omitted.
p3 has been the default for Apple desktop & mobile displays since 2017 (iPhone 7 era). Other device manufacturers are more likely to have lagged on that but I would imagine a fair number would have added support since. Also, within CSS & browsers at least, the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support.
> the colours gracefully degrade based on the hardware, so using p3 in a supported browser is not going to look terrible on hardware without p3 support. I feel like it makes it difficult for a brand to decide to rebrand themselves using P3 colors if it means their brand colors will be wrong on many people’s displays.
Only if the colors they choose fall outside the sRGB gamut. And if they do, the brand can specify colors for both gamuts.
.brand-color {
/* Fallback for browsers that don't support color-gamut media query */
background-color: rgb(0, 122, 255); /* sRGB version */
/* For browsers that support wide gamut but without color-gamut media query */
background-color: color(display-p3 0 0.478 1); /* Display P3 version */
@media (color-gamut: p3) {
/* For browsers that support Display P3 with color-gamut media query */
background-color: color(display-p3 0 0.478 1); /* Display P3 version */
}
}
FWIW, this is a fairly common thing to have to handle. For example, many brands use colors that can't be perfectly reproduced on paper, t-shirts, etc.