Why a wide gamut monitor looks oversaturated

By TechCompare · Updated · How we check

sRGB content tells the screen to use its full red, green and blue. On a DCI-P3 screen those corners sit further out, so every color moves with them. In CIE 1931 xy, DCI-P3's area is 135.7% of sRGB's, and every color spreads out to fill it.

Calculator

CIE 1931 xy chart with sRGB and DCI-P3The curved outline holds every color people can see, with wavelengths in nanometers along its edge. Each standard is a triangle of its red, green and blue primaries. A larger triangle holds more saturated colors.
  • DCI-P3, the solid line
  • sRGB (BT.709): The web, most apps and SDR video. BT.709, the HDTV standard, has the same primaries.
DCI-P3 against each reference, in CIE 1931 xy
ReferenceCoverageArea
sRGB100.0%135.7%

Coverage is the part of the reference inside the triangle, so it stops at 100%. Area is the triangle's size next to the reference, and it can pass 100%. Spec sheets don't always say which one they print.

Your screen

Checking what your screen reports.

sRGBDCI-P3Adobe RGBRec. 2020
red
green

The report comes from the browser's color-gamut media query. It's a rough guess from the screen's profile, not a measurement.

You plug in a new wide color monitor and everything looks too strong. Faces turn orange, grass glows and red buttons burn. Nothing is broken. The monitor shows sRGB content across its full DCI-P3 range, so every color is pushed out toward the corners of the bigger triangle. The chart shows how far each corner moves.

Topic
Wide gamut looks oversaturated
Too much color
On the chart
sRGB, DCI-P3
CIE 1931 xy

How this is calculated

An app or game that doesn't manage color sends its numbers straight to the screen. Full red, 255, 0, 0, becomes the monitor's own red, wherever that sits. On an sRGB monitor that's sRGB red. On a P3 monitor it's P3 red, deeper than the content was made for.

There are three fixes. The monitor's sRGB mode, sometimes called sRGB emulation or clamp, pulls its corners in to sRGB. It's the most reliable, though some monitors lock brightness or other settings in that mode. Windows 11 has Auto Color Management, which can map sRGB apps to the screen's range on displays and drivers that support it. macOS manages color for most apps already, so the problem shows up less on a Mac. Color managed apps, like photo editors and browsers, convert on their own.

Games and video players are the usual holdouts. Many don't manage color, so they look stretched unless the monitor clamps.

Verdict

Turn on the monitor's sRGB mode for everyday use if it keeps brightness adjustable. If it doesn't, try Windows Auto Color Management or a calibrated profile. Switch to the wide mode for HDR, photo editing or content made in P3, where the extra range is real color, not stretch.

More Color Gamut Visualizer scenarios

sRGB vs DCI-P3
DCI-P3 holds all of sRGB and reaches further into red and green. Here's how big the gap is, and when it matters.
View details
DCI-P3 vs Adobe RGB
Two wide ranges of about the same size, pointed different ways. P3 reaches further into red, Adobe RGB into green and cyan.
View details
sRGB vs Adobe RGB
Adobe RGB keeps sRGB's red and blue and moves green far out. Here's what that adds for photos and print.
View details

Frequently asked questions

Does HDR mode fix oversaturation?
For HDR content, yes, since it's tagged with its color range and the screen maps it. In Windows HDR mode, SDR apps are mapped as sRGB too, so their colors stop stretching, though they can look dull or washed out that way.
Why do colors look right in my browser but not in games?
Browsers manage color, so they convert images and CSS colors to the screen's range. Many games send their colors straight to the screen, so they stretch to the full wide range.
Is the sRGB mode on my monitor accurate?
It varies. Some are well tuned at the factory, others lock brightness or get white wrong. A review that measures the sRGB mode, or a calibration with a colorimeter, tells you for sure.