Vibrant Mauve (4020F3) — Shades, Harmonies, Palettes, CSS Code

"Vibrant Mauve"

Purple · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

Vibrant Mauve pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #4020F3

RGB rgb(64, 32, 243)

HSL hsl(249°, 90%, 54%)

CMYK C:74% M:87% Y:0% K:5%

Luminance 0.0825

WCAG Accessibility

On white 7.72:1

Aa — #4020F3

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.72:1

Aa — #4020F3

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4020F3 #D4F320

Analogous

#206AF3 #4020F3 #A920F3

Triadic

#4020F3 #F34020 #20F340

Split-comp.

#4020F3 #F3A920 #6AF320

Tetradic

#4020F3 #F3206A #D4F320 #20F3A9

Monochromatic

#100740 #26119C #482CE8 #705AED #AB9FF4

Suggested palettes for this hue.

Dragonfruit View all →

Northern Lights View all →

Santorini View all →