Color Profiles for Social Media: sRGB vs Display P3

The Dull Color Problem

You spend an hour in Lightroom perfecting the colors in your photograph — the sunset has this rich, warm orange, the shadows are a deep cool blue. You export and upload to Instagram. The image comes back looking flat and washed out. The sunset is now a pale peachy orange. The cool shadows are grey. You haven't changed anything. What happened?

The answer, almost certainly, is color profiles. Understanding how color profiles work is one of those technical topics that pays back its learning investment immediately. Once you know the rules, the dull-color problem disappears forever.

What Is a Color Profile?

A color profile (also called a color space) is a mathematical definition of what a specific RGB color value looks like in the real world. The number "R:255, G:100, B:0" in one color space can look noticeably different from "R:255, G:100, B:0" in another color space — the same numbers, different visible result.

This is because color spaces define different "gamuts" — ranges of colors they can represent. A wider gamut can represent more saturated, vivid colors. A narrower gamut covers a more conservative range. When you view an image, your display system interprets the RGB numbers according to the image's embedded color profile. If the color profile is mismatched or unrecognized, the system falls back on a default interpretation — often with incorrect results.

The Three Profiles You Need to Know

sRGB — The Internet Standard

sRGB (Standard Red Green Blue) was created by HP and Microsoft in 1996 as a common color standard for the early internet. Despite its age, it remains the universal standard for web content, social media, and digital publishing. Every web browser, every social media platform, and virtually every digital display supports sRGB. When in doubt, use sRGB — it is the safest, most universally understood color profile.

Adobe RGB — The Photography Standard

Adobe RGB has a roughly 35% wider gamut than sRGB, covering more of the green spectrum in particular. It was designed for print photography, where wider gamuts are meaningful. The problem for social media: web browsers and social platforms that don't have proper color management will interpret Adobe RGB images as sRGB, making the wider-gamut colors appear washed out because the values map incorrectly.

Use Adobe RGB for print workflows and your Lightroom library. Always convert to sRGB before exporting for web or social media.

Display P3 — The Modern Wide Gamut

Display P3 is Apple's wide-color standard, used in iPhone cameras since iPhone 7 and on most Apple displays. It has a roughly 25% wider gamut than sRGB, particularly for vivid reds, greens, and yellows. iPhone photos shot in the default camera app are often stored in Display P3.

Instagram, starting around 2018, has limited support for Display P3 on P3-capable devices. However, support is inconsistent across platforms and devices. For maximum compatibility, convert to sRGB. If you specifically want to leverage the wider colors on P3 iPhones, use Instagram and test on multiple devices — a P3 image that looks vivid on your iPhone may appear oversaturated or incorrectly rendered on Android devices.

How to Check and Convert Color Profiles

In Photoshop: Edit → Assign Profile to check. Edit → Convert to Profile to convert. Always convert (don't assign) when changing profiles — assigning changes the interpretation without adjusting the values, while converting re-maps the values to match the intended appearance in the new profile.

In Lightroom: Export dialog → Color Space: sRGB. Lightroom handles the conversion automatically during export.

In Canva: Canva exports in sRGB by default. You don't need to do anything.

On iPhone: Settings → Camera → Formats → Most Compatible captures in HEIF/JPEG in sRGB. Apple ProRAW captures in a wide gamut. Always export ProRAW files through an app that handles color conversion before uploading to social media.

Practical Tips

• Set your design tool's working color space to sRGB if you primarily create for web/social. This prevents accidental wide-gamut edits that you then have to convert.
• If you shoot in RAW, do your editing in Adobe RGB for maximum flexibility, then convert to sRGB on export.
• Use a color-managed browser (like Chrome or Safari) to preview images before uploading — these accurately display the colors as they'll appear on the platform.

Summary Checklist

• Always export for social media in sRGB
• Edit in Adobe RGB for print; convert to sRGB for web exports
• iPhone ProRAW: export through a color-managed app, convert to sRGB
• In Photoshop: convert (don't assign) when changing profiles
• In Lightroom: set export color space to sRGB