color-gamut

The color-gamut CSS media feature can be used to test the approximate range of colors that are supported by the user agent and the output device.

Syntax

The color-gamut feature is specified as a keyword value chosen from the list below.

srgb: The output device can support approximately the sRGB gamut or more. This includes the vast majority of color displays.
p3: The output device can support approximately the gamut specified by the DCI P3 Color Space or more. The p3 gamut is larger than and includes the srgb gamut.
rec2020: The output device can support approximately the gamut specified by the ITU-R Recommendation BT.2020 Color Space or more. The rec2020 gamut is larger than and includes the p3 gamut.

<p>This is a test.</p>

@media (color-gamut: srgb) {
  p {
    background: #f4ae8a;
  }
}

Specification
Media Queries Level 4 (Media Queries 4) # color-gamut

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`color-gamut`	58	79	No	No	45	10	58	58	No	43	10	7.0