#FF50BA
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.
#FF50BA
Valores de color
#FF50BA
255, 80, 186
323,7, 100,0%, 65,7%
323,7, 68,6%, 100,0%
0,0%, 68,6%, 27,1%, 0,0%
0,7042 0,2325 347,5
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: #FF50BA;
color: #FF50BA;
border-color: #FF50BA;
Pink 500
#EC4899
Tonos Tailwind
Verificador de contraste
Texto sobre blanco
2,95:1
Texto sobre negro
7,11:1
Comparar con
Artículos relacionados
Preguntas frecuentes
What are the RGB, HSL, and CMYK values of #FF50BA?
RGB(255, 80, 186) · HSL(323,7, 100,0%, 65,7%) · CMYK(0,0%, 68,6%, 27,1%, 0,0%)
Does #FF50BA meet WCAG contrast on white?
2,95:1 — WCAG AA Fallido, AAA Fallido for normal text.
What text color is readable on #FF50BA?
Use 000000 text on a #FF50BA background; contrast on black is 7,11:1.