purple
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/800080/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/800080/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/800080/)Use the native HTML custom element.
#800080
CSS color
Overview
Purple is a balanced blend of red and blue held at half strength: rgb(128, 0, 128), hex #800080. Sitting at 300 degrees on the hue wheel, it shares its hue with magenta but caps both active channels at 128, giving a deeper, more subdued color. Purple is one of the sixteen basic HTML named colors and, like magenta, is non-spectral — it exists only where the eye mixes long and short wavelengths rather than as a single band of light. Its equal red and blue components make it a true mid-purple, long associated with formality and used on the web where a rich, saturated tone is needed without the glare of full magenta.
Purple (#800080) is the classic CSS purple — equal parts CSS red and blue, producing a medium-dark, vibrant violet-purple. Purple has carried royal, spiritual, and magical associations across cultures for millennia, historically derived from the rare Tyrian dye extracted from sea snails. Today CSS purple serves as a versatile, universally recognized "purple" in web design, from brand identities to UI accent colors.
On this page
Color Values
#800080
128, 0, 128
300.0, 100.0%, 25.1%
300.0, 100.0%, 50.2%
0.0%, 100.0%, 0.0%, 49.8%
0.4209 0.1935 328.4
Properties
Color Psychology
Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.
Design Usage
Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #800080;
color: #800080;
border-color: #800080;
Fuchsia 800
#86198F
Tailwind Shades
Contrast Checker
Text on white
9.42:1
Text on black
2.23:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #800080?
RGB(128, 0, 128) · HSL(300.0, 100.0%, 25.1%) · CMYK(0.0%, 100.0%, 0.0%, 49.8%)
Does #800080 meet WCAG contrast on white?
9.42:1 — WCAG AA Pass, AAA Pass for normal text.
What text color is readable on #800080?
Use FFFFFF text on a #800080 background; contrast on black is 2.23:1.