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
Valores de color
#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
Propiedades
Psicología del color
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.
Armonías de color
Simulación de daltonismo
Uso de CSS
background-color: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Fuchsia 500
#D946EF
Tonos Tailwind
Verificador de contraste
Texto sobre blanco
3,14:1
Texto sobre negro
6,7:1
Comparar con
Parte de estas colecciones
Artículos relacionados
Preguntas frecuentes
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 Fallido, AAA Fallido for normal text.
What text color is readable on #FF00FF?
Use 000000 text on a #FF00FF background; contrast on black is 6,7:1.