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//" 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/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#800080
CSS color
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.
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.