Skip to main content
ExplainerColor ManagementExplainer· 4 min read· in Guides

The CIE 1931 Chromaticity Diagram: How sRGB, Adobe RGB, and DCI-P3 Color Spaces Differ

While sRGB remains the standard for web content, wide-gamut color spaces like Adobe RGB and DCI-P3 push the physical limits of display technology to reproduce professional print and cinema colors.

By Juliette Monroe

Web Developers 35%Video Editors 35%Print Photographers 30%
Web Developers
Prioritize strict sRGB adherence to ensure consistent colors across all devices.
Video Editors
Target DCI-P3 for cinematic color reproduction and High Dynamic Range (HDR) content.
Print Photographers
Rely on Adobe RGB to capture the cyan and green hues required for physical printing.

Perspectives this story doesn't cover

  • Display panel manufacturers balancing the cost of wide-gamut phosphors against consumer demand.
  • Color scientists working on next-generation standards like Rec. 2020.

Key terms

Color Gamut
The entire range of colors that a specific device, such as a monitor or printer, can physically reproduce.
CIE 1931 Chromaticity Diagram
A mathematical graph created in 1931 that maps every color the average human eye can perceive.
Primary Colors
The absolute limits of red, green, and blue that a display's hardware can emit, forming the corners of its color space.
Soft Proofing
The practice of using a highly accurate monitor to simulate exactly how an image will look when printed on physical paper.
sRGB Clamp
A monitor setting that artificially restricts a wide-gamut display to the smaller sRGB color space to prevent web content from looking oversaturated.

Key points

  1. The CIE 1931 chromaticity diagram maps all colors visible to the human eye.
  2. sRGB covers 35.9% of human vision and remains the universal standard for web and standard video.
  3. Adobe RGB covers 52.1% of human vision, expanding heavily into green and cyan for professional print.
  4. DCI-P3 covers 45.5% of human vision, pushing into deep reds for cinematic video and HDR gaming.
  5. Viewing sRGB content on a wide-gamut monitor without color management causes severe oversaturation.

Upgrading a monitor from 1080p to 4K adds more pixels, but upgrading from an sRGB display to a DCI-P3 or Adobe RGB panel changes the actual colors those pixels can emit. The difference is the color gamut—the physical limit of hues a screen can reproduce.

If you are buying a monitor for general web use or office work, a display with 100% sRGB coverage is exactly what you need. If you edit video or play HDR games, target 95% or higher DCI-P3. If you print professional photography, you need Adobe RGB. Buying the wrong wide-gamut monitor for your workflow results in oversaturated skin tones or washed-out highlights.

The foundation of all these standards is the CIE 1931 chromaticity diagram. Created by the International Commission on Illumination in 1931, this horseshoe-shaped graph maps every color the average human eye can perceive, based on experiments matching electromagnetic wavelengths to human vision.[4]

Because no physical screen can emit every visible color, display standards define a specific triangle within that horseshoe. The corners of the triangle represent the maximum red, green, and blue the display can produce. Everything inside the triangle is the "color space."[5]

Color spaces define a specific triangular subset of visible light within the CIE 1931 diagram.

sRGB is the universal default. Standardized by the International Electrotechnical Commission (IEC) and adopted as the baseline for Microsoft Windows in 1996, sRGB covers approximately 35.9% of the CIE 1931 diagram.[1][4]

Because sRGB is the baseline for the entire internet, Windows applications, and standard dynamic range (SDR) video, a monitor that perfectly covers 100% of sRGB will display web content exactly as the creator intended.

However, sRGB leaves a massive amount of visible color on the table. It cannot reproduce deep emerald greens, rich cyan, or intense reds, making it inadequate for professional print and cinema.[4]

However, sRGB leaves a massive amount of visible color on the table.

Adobe RGB (1998) was created to fix this limitation for the print industry. It pushes the green primary much higher on the CIE 1931 diagram—to a dominant wavelength of 534.7 nanometers—expanding its coverage to 52.1% of human vision.[2][4][6]

This specific expansion into the green-cyan spectrum allows Adobe RGB to encompass the ISO-Coated color space used in CMYK commercial printing. Photographers use Adobe RGB to soft-proof images, ensuring the colors they see on screen will actually appear accurately on paper.

DCI-P3 was developed by the Digital Cinema Initiatives in 2005 for theatrical movie projectors. Instead of stretching into green like Adobe RGB, DCI-P3 pushes the red primary further out to a wavelength of 614 nanometers.[3][6]

DCI-P3 covers 45.5% of the CIE 1931 diagram. While smaller in total area than Adobe RGB, its deeper reds and warmer tones are better suited for cinematic skin tones, explosions, and HDR video content.[4][6]

Adobe RGB covers the largest total volume of human vision among the three primary standards.

Apple adopted a variant called Display P3 for its devices, and it has since become the standard for HDR gaming, smartphones, and streaming platforms like Netflix.[6]

The danger of wide-gamut displays comes from software mismatches. As display manufacturer EIZO notes in its color management documentation, "When publishing images on a website or social media page, images created in Adobe RGB may not be accurately displayed on a viewing device due to compressing the color gamut."

If you view an sRGB web image on a DCI-P3 monitor without proper color management, the browser stretches the sRGB coordinates to the edges of the DCI-P3 triangle. This stretching causes the classic "oversaturation" problem: faces look sunburned, brand logos appear neon, and natural landscapes look radioactive.

Viewing sRGB web content on a wide-gamut monitor without an sRGB clamp causes severe oversaturation.

To prevent this, professional monitors include an sRGB clamp or emulation mode, which artificially restricts the wide gamut back to the sRGB triangle when viewing standard web content.

The CIE 1931 diagram demonstrates mathematically that no three-primary (RGB) system can cover 100% of human vision. The horseshoe shape of human perception is convex, while any three-color gamut forms a strict triangle.[4]

Reaching the edges of human perception requires either adding more primary colors—like Hexachrome printing, which adds orange and green—or accepting that some extreme hues will remain impossible to display on consumer screens.

Frequently asked

Which color space is best for a computer monitor?

It depends on your workflow. Choose 100% sRGB for general web use, 95%+ DCI-P3 for video editing and HDR gaming, and Adobe RGB for professional print photography.

Why do faces look sunburned on my new monitor?

Your monitor likely has a wide color gamut (like DCI-P3) but is displaying standard sRGB web content without color management, causing the browser to artificially stretch and oversaturate the colors.

Does a larger color gamut mean better image quality?

Not necessarily. A larger gamut allows the screen to show more extreme colors, but if the content you are viewing wasn't created for that specific gamut, the colors will look inaccurate.

Can any monitor display 100% of human vision?

No. The CIE 1931 diagram proves that no three-color (RGB) system can cover the entire convex shape of human perception.

Sources

Source coverage

7 outlets

3 viewpoints surfaced

Web Developers 35%Video Editors 35%Print Photographers 30%
  1. [1]International Color Consortium

    sRGB

    Read on International Color Consortium
  2. [2]International Color Consortium

    Adobe RGB (1998)

    Read on International Color Consortium
  3. [3]Digital Cinema InitiativesVideo Editors

    Digital Cinema System Specification (Version 1.0)

    Read on Digital Cinema Initiatives
  4. [4]Technical Article

    DCI-P3 Color Space: Technical Analysis, Coverage, and Limitations

    Read on Technical Article
  5. [5]Tom's HardwareVideo Editors

    What Is DCI-P3 Color? A Basic Definition

    Read on Tom's Hardware
  6. [6]Wikipedia

    DCI-P3

    Read on Wikipedia
  7. [7]Factlen Editorial Team

    Synthesis by Factlen editorial team

    Read on Factlen Editorial Team

Comments

Stay informed

Every angle. Every day.

Get Guides stories with full source coverage and perspective breakdowns delivered to your inbox.