#BA85BC
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.
#BA85BC
Valores de color
#BA85BC
186, 133, 188
297,8, 29,1%, 62,9%
297,8, 29,3%, 73,7%
1,1%, 29,3%, 0,0%, 26,3%
0,6874 0,0988 325,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: #BA85BC;
color: #BA85BC;
border-color: #BA85BC;
Pink 300
#F9A8D4
Tonos Tailwind
Verificador de contraste
Texto sobre blanco
2,93:1
Texto sobre negro
7,17:1
Comparar con
Artículos relacionados
Preguntas frecuentes
What are the RGB, HSL, and CMYK values of #BA85BC?
RGB(186, 133, 188) · HSL(297,8, 29,1%, 62,9%) · CMYK(1,1%, 29,3%, 0,0%, 26,3%)
Does #BA85BC meet WCAG contrast on white?
2,93:1 — WCAG AA Fallido, AAA Fallido for normal text.
What text color is readable on #BA85BC?
Use 000000 text on a #BA85BC background; contrast on black is 7,17:1.