Wide-gamut screens can show greens, reds and cyans that sRGB cannot. Set a colour in OKLCH, or start from one you have, and see which gamuts contain it, how far over the edge it is, and what it becomes on a screen that can only show sRGB.
As specified
oklch(70% 0.25 145)
Shown at full strength only on a wide-gamut display in a colour-managed browser.
sRGB fallback
color(srgb 0 0.75 0.2054)
Chroma reduced from 0.25 to 0.22 at the same lightness and hue.
| Space | Fits? | Maximum chroma here | Defined by |
|---|---|---|---|
| sRGB | No — would be clipped | 0.22 | IEC 61966-2-1 |
| Display P3 | Yes | 0.299 | DCI-P3 primaries, D65 white (SMPTE EG 432-1) |
| Adobe RGB (1998) | Yes | 0.278 | Adobe RGB (1998) Color Image Encoding |
| Rec. 2020 | Yes | 0.312 | ITU-R BT.2020 |
.brand {
color: color(srgb 0 0.75 0.2054);
}
@media (color-gamut: p3) {
.brand {
color: oklch(70% 0.25 145);
}
}