Display P3

Explore the wide gamut.

See how modern iPhones, iPads and Pro displays unlock 45% more saturated colors than sRGB. Copy CSS color() syntax with a graceful fallback.

sRGB

#7C5CFF

Display P3

color(display-p3 0.467 0.366 0.965)

Checking your display...

Color

Inside sRGB - P3 displays match sRGB exactly.

.brand {
  color: #7c5cff;
  color: color(display-p3 0.467 0.366 0.965);
}

Keep exploring

HEX, RGB, HSL, LCH, OKLCH, LAB.

Browse the full Tailwind palette.

Turn one color into a 12-step OKLCH scale.