Skip to the color picker

Mauve color: #e0b0ff

Mauve is #e0b0ff, rgb(224, 176, 255) in RGB and oklch(82.735% 0.11907 311.599) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

276°
100%

82.7%
0.119
312°
  • Purple
  • Light
  • Vivid
  • Pastel
  • Neutral
  • purple-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.78:1Hard to read
Lc -37
Black text
11.82:1Readable · AA
Lc 71

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Mauve

Similar named colors

Questions about Mauve

What is the hex code for Mauve?

The hex code for Mauve is #e0b0ff. In RGB it is rgb(224, 176, 255), in HSL hsl(276.46, 100%, 84.51%) and in OKLCH oklch(82.735% 0.11907 311.599).

What colors go well with Mauve?

Its complementary color is #aad784. For a calmer look, pair it with the analogous colors #babeff and #fca7dd. Ready palettes with Mauve are shown on this page.

Is Mauve a warm or cool color?

Mauve is a neutral color with an OKLCH hue of 312 degrees.

What text color is readable on Mauve?

Black text is more readable on Mauve: white gives a contrast ratio of 1.78:1 and black gives 11.82:1. WCAG AA asks for at least 4.5:1 for body text.

About #e0b0ff

#e0b0ff is a pastel light purple color. In OKLCH it has 82.7% lightness, 0.119 chroma and a hue of 312°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.78:1 contrast and black text 11.82:1, so black text reads better.

The closest named color is Mauve (#e0b0ff). In Tailwind CSS the closest color is purple-300.

More light purple colors

Lighter: #e0b0ff mixed with white

  1. e0b0ff

Darker: #e0b0ff mixed with black

  1. e0b0ff

Calmer: #e0b0ff with less saturation

  1. e0b0ff

Similar named colors

  • Mauve#e0b0ff

Colors that go with #e0b0ff

Complementary
#e0b0ff
Analogous
#e0b0ff
Triadic
#e0b0ff
Split
#e0b0ff