Purple Heart

HEX: #69359C | Modern Palette

On White
8.11:1
PASS
On Black
2.59:1
FAIL

Color Specifications

HEX
#69359C
RGB
105, 53, 156
HSL
270°, 66% ,61%
CMYK
32.69, 66.03, 0, 38.82

About Purple Heart

Purple Heart (#69359C) is a color with RGB(105, 53, 156) and HSL(270.29°, 66.03%, 61.18%). It is commonly associated with Playful, Romantic moods. In design, it is suitable for Text, Button, Accent. Its complementary color is #689C35, which creates strong contrast. Its triadic palette includes #9C6935 and #359C69. The name comes from Purple Heart (English).

  • HEX: #69359C
  • RGB: 105, 53, 156
  • HSL: 270.29°, 66.03%, 61.18%
  • Mood: Playful, Romantic
  • Use case: Text, Button, Accent
  • Complementary color: #689C35
  • Triadic colors: #9C6935, #359C69
  • The name comes from Purple Heart (English).

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 #69359C from deepest shade to lightest tint.

Color Characteristics

Style
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #49499C
Protanopia #3D3D9C
Tritanopia #5A4C4C
Achromatopsia #505050

Frequently Asked Questions

Purple Heart (#69359C) is a color with RGB(105, 53, 156) and HSL(270.29°, 66.03%, 61.18%).

#69359C pairs strongly with #689C35 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#69359C is suitable for Text, Button, Accent.

#69359C is commonly associated with Playful, Romantic.

The name Purple Heart is linked to Purple Heart from English, meaning A United States military decoration awarded in the name of the President to those wounded or killed while serving with the U.S. military..

Name, History & Etymology

Origin Word Purple Heart
Meaning A United States military decoration awarded in the name of the President to those wounded or killed while serving with the U.S. military.
Language English
First Recorded Use 18th Century

History

The original 'Badge of Military Merit' was established by George Washington on August 7, 1782, during the Revolutionary War. It was intended to recognize 'any singularly meritorious action' and was a purple, heart-shaped piece of cloth or silk, edged with narrow lace or binding. Only three known soldiers received it. The award fell into disuse after the Revolutionary War. It was revived on February 22, 1932, on Washington's 200th birthday, by General Douglas MacArthur, then Chief of Staff of the U.S. Army. The modern Purple Heart is awarded to members of the U.S. armed forces who have been wounded or killed in action against an enemy of the United States, or as a result of an act of any such enemy or opposing armed forces. It is the oldest military award still given to U.S. military members.

First Recorded Use

August 7, 1782

Cultural Associations

The Purple Heart is a highly respected and somber award, symbolizing sacrifice and injury in service to the nation. Recipients are often referred to as 'Purple Heart veterans.' There are organizations dedicated to supporting Purple Heart recipients and preserving their legacy. The award carries significant emotional weight and is a powerful reminder of the human cost of conflict. The color purple has historically been associated with royalty and honor, which may have influenced Washington's original design.

Similar Named Colors

Rebecca Purple #663399 ΔE 0.80
Grape #6F2DA8 ΔE 2.57
Blue-magenta Violet #553592 ΔE 3.97
Eminence #6C3082 ΔE 5.34

Code Snippets

/* Background */
.element {
    background-color: #69359C;
}

/* Text */
.element {
    color: #69359C;
}

/* Border */
.element {
    border: 1px solid #69359C;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #69359C,
        #9BDD5B
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #69359C,
        #9BDD5B
    );
}

// SCSS variable
$purple-heart: #69359C;

// With RGB channels (useful for rgba() usage)
$purple-heart-r: 105;
$purple-heart-g: 53;
$purple-heart-b: 156;

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