coderef

color-gamut media queryBaseline · Widely available

The color-gamut media query sets styles based on the colors a device can display.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Feb 14, 2023. Widely available since Aug 14, 2025.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–57Not supported
58+Supportedsince Apr 19, 2017
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–109Not supported
110+Supportedsince Feb 14, 2023
Current: 157
Safari
1–9.1Not supported
10+Supportedsince Sep 20, 2016
Current: 27
MobileChrome Android
18–57Not supported
58+Supportedsince Apr 25, 2017
Current: 155
Firefox Android
4–109Not supported
110+Supportedsince Feb 14, 2023
Current: 157
Safari iOS
1–9.3Not supported
10+Supportedsince Sep 13, 2016
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: color-gamut.

Feature detection

There’s no simple runtime check for this feature; rely on the support table and test in your target browsers.

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (4). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
@media.color-gamut5879110105811010
@media.color-gamut.p35879110105811010
@media.color-gamut.rec20205879110105811010
@media.color-gamut.srgb5879110105811010