Purpureus

HEX: #9A4EAE | Modern Palette

On White
5.15:1
PASS
On Black
4.07:1
FAIL

Color Specifications

HEX
#9A4EAE
RGB
154, 78, 174
HSL
287°, 55% ,68%
CMYK
11.49, 55.17, 0, 31.76

About Purpureus

Purpureus (#9A4EAE) is a color with RGB(154, 78, 174) and HSL(287.5°, 55.17%, 68.24%). It is commonly associated with Romantic moods. In design, it is suitable for Text, Button, Logo. Its complementary color is #62AE4E, which creates strong contrast. Its triadic palette includes #AE9A4E and #4EAE9A. The name comes from purpureus (Latin).

  • HEX: #9A4EAE
  • RGB: 154, 78, 174
  • HSL: 287.5°, 55.17%, 68.24%
  • Mood: Romantic
  • Use case: Text, Button, Logo
  • Complementary color: #62AE4E
  • Triadic colors: #AE9A4E, #4EAE9A
  • The name comes from purpureus (Latin).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #9A4EAE from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #6B6BAD
Protanopia #5A5AAE
Tritanopia #906161
Achromatopsia #6D6D6D

Frequently Asked Questions

Purpureus (#9A4EAE) is a color with RGB(154, 78, 174) and HSL(287.5°, 55.17%, 68.24%).

#9A4EAE pairs strongly with #62AE4E as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#9A4EAE is suitable for Text, Button, Logo.

#9A4EAE is commonly associated with Romantic.

The name Purpureus is linked to purpureus from Latin, meaning purple, reddish-purple, made of purple.

Name, History & Etymology

Origin Word purpureus
Meaning purple, reddish-purple, made of purple
Language Latin
First Recorded Use Classical Antiquity

History

The word 'purpureus' in Latin referred to the color purple, specifically the rich, deep reddish-purple dye obtained from murex snails. This dye was extremely valuable and associated with royalty, nobility, and religious authority in ancient Rome and Byzantium. The color itself was often called 'Tyrian purple' due to its origin in the Phoenician city of Tyre. The Latin term evolved into various forms in Romance languages (e.g., 'purpureo' in Italian/Spanish, 'pourpre' in French) and was adopted into English as 'purple' via Old French.

First Recorded Use

Before 500 AD

Cultural Associations

In ancient Rome, the wearing of purple was strictly regulated. Only emperors, consuls, and certain high-ranking officials were permitted to wear togas with purple stripes or borders, or entirely purple garments. This made purple a powerful symbol of status and power. Its association with divinity also extended to religious vestments in Christianity, where purple often signifies penance, royalty, or episcopal dignity. The color #9a4eae, while a shade of purple, is a muted, desaturated purple, which might be described as a 'dusty purple' or 'mauve-grey'. It lacks the vibrant intensity typically associated with historical 'Tyrian purple' but still falls within the broader spectrum of purple hues.

Similar Named Colors

Deep Lilac #9955BB ΔE 2.98
Royal Purple #7851A9 ΔE 7.26
Dark Orchid #9932CC ΔE 7.40
Byzantine #BD33A4 ΔE 7.84

Code Snippets

/* Background */
.element {
    background-color: #9A4EAE;
}

/* Text */
.element {
    color: #9A4EAE;
}

/* Border */
.element {
    border: 1px solid #9A4EAE;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #9A4EAE,
        #94DB81
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #9A4EAE,
        #94DB81
    );
}

// SCSS variable
$purpureus: #9A4EAE;

// With RGB channels (useful for rgba() usage)
$purpureus-r: 154;
$purpureus-g: 78;
$purpureus-b: 174;

// Usage
.element {
    background-color: $purpureus;
    color: rgba($purpureus-r, $purpureus-g, $purpureus-b, 0.8);
}