PurpleHeart
#69359CPurple family
About PurpleHeart
PurpleHeart (#69359C) is a dark, moderately saturated purple. Purple blends red's passion with blue's calm, and has long been linked to royalty, creativity and mystery, giving this shade a distinctive, elevated feel.
Psychology
Purple sparks imagination and is associated with luxury, spirituality and creativity. It feels mysterious and premium, and because it appears less often in nature it tends to stand out and feel special.
Applications
Purple suits beauty, gaming, spirituality, education and premium or creative brands. It works beautifully for gradients and accents, from soft lavenders for calm wellness brands to deep violets for luxury and tech.
History
Tyrian purple, extracted from sea snails, was so costly in antiquity that it became the color of emperors and royalty. Purple became affordable only after William Henry Perkin accidentally synthesized mauveine dye in 1856.
Meaning
Purple symbolizes royalty, wisdom, spirituality and ambition across many cultures. It can also evoke magic and mystery, and lighter lavenders carry a soft, calming femininity.
Why use this color
Use purple to convey creativity, luxury or a touch of magic. It is ideal for brands that want to feel imaginative and premium, and for interfaces that need an elegant, distinctive accent.
Accessibility
Against white, #69359C has a 8.1:1 contrast ratio; against black it is 2.6:1. White text on #69359C meets WCAG AA for normal text.
Fun facts
- Tyrian purple was made from the mucus of thousands of sea snails.
- The first synthetic dye, mauveine, was a purple discovered by accident in 1856.
- Purple is one of the least common colors in nature, which adds to its sense of rarity.
Shades, tints & tones
Variations
Ten lightness steps plus PurpleHeart's tints, shades and tones — every swatch copies its hex on click.
Lightness scale
Tints (toward white)
Shades (toward black)
Tones (toward gray)
Color theory
Color harmonies
Proven schemes built around PurpleHeart. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how PurpleHeart is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How PurpleHeart performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether PurpleHeart is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put PurpleHeart to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #69359C (hue 270°) sits #699c35, held together by the #a886ca tint and the neutrals #f4f4f5 and #18181b.
Analogous
#69359C with its two closest neighbours, #35359c and #9c359c, for a 49%-saturation run that stays inside one family; #a886ca and #29153d add depth without breaking it.
Triadic
#69359C plus #9c6935 and #359c69, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.
Monochromatic
One hue at 5 lightness steps: #f5f0fa through #0f0817, starting from #69359C at 41% lightness.
PurpleHeart (#69359C) is a purple-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.
Frequently asked questions
PurpleHeart is #69359C — rgb(105, 53, 156) / hsl(270, 49%, 41%). PurpleHeart (#69359C) is a dark, moderately saturated purple. Purple blends red's passion with blue's calm, and has long been linked to royalty, creativity and mystery, giving this shade a distinctive, elevated feel.
Good to know
- PurpleHeart is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #699c35.
More color tools
Next steps for PurpleHeart: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.