magenta
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/FF00FF/" 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/FF00FF/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/FF00FF/)Use the native HTML custom element.
#FF00FF
CSS color
Overview
Magenta results from lighting the red and blue channels to their full extent while green stays dark: rgb(255, 0, 255), hex #FF00FF. Positioned at 300 degrees on the hue wheel, it is an additive secondary and the complement of green. CSS also recognizes it under the synonym fuchsia, and it belongs to the sixteen basic HTML colors. Magenta is notable for having no single dominant wavelength โ the eye perceives it where the spectrum's red and violet ends are mixed, a non-spectral color that exists only as a combination. In subtractive printing it serves as one of the three primary inks, and combining magenta light with green returns a display to white.
Magenta (#FF00FF) is one of the three primary colors of the CMY(K) printing modelโpure, fully saturated magenta at maximum RGB intensity. Equal parts red and blue light, it is a color that does not exist as a single wavelength in the visible spectrum but is perceived as an extra-spectral color between red and violet. It is visually electric and is used in fluorescent design, luxury branding, and bold digital palettes.
On this page
Color Values
#FF00FF
255, 0, 255
300.0, 100.0%, 50.0%
300.0, 100.0%, 100.0%
0.0%, 100.0%, 0.0%, 0.0%
0.7017 0.3225 328.4
Properties
Color Psychology
Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.
Design Usage
Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Fuchsia 500
#D946EF
Tailwind Shades
Contrast Checker
Text on white
3.14:1
Text on black
6.7:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FF00FF?
RGB(255, 0, 255) · HSL(300.0, 100.0%, 50.0%) · CMYK(0.0%, 100.0%, 0.0%, 0.0%)
Does #FF00FF meet WCAG contrast on white?
3.14:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FF00FF?
Use 000000 text on a #FF00FF background; contrast on black is 6.7:1.