#BA5689
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.
#BA5689
Valores de cor
#BA5689
186, 86, 137
329,4, 42,0%, 53,3%
329,4, 53,8%, 72,9%
0,0%, 53,8%, 26,3%, 27,1%
0,5924 0,1412 350,4
Propriedades
Psicologia das cores
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.
Harmonias de cores
Simulação de daltonismo
Uso de CSS
background-color: #BA5689;
color: #BA5689;
border-color: #BA5689;
Pink 400
#F472B6
Tons Tailwind
Verificador de contraste
Texto sobre branco
4,39:1
Texto sobre preto
4,78:1
Comparar com
Artigos relacionados
Perguntas frequentes
What are the RGB, HSL, and CMYK values of #BA5689?
RGB(186, 86, 137) · HSL(329,4, 42,0%, 53,3%) · CMYK(0,0%, 53,8%, 26,3%, 27,1%)
Does #BA5689 meet WCAG contrast on white?
4,39:1 — WCAG AA Reprovado, AAA Reprovado for normal text.
What text color is readable on #BA5689?
Use 000000 text on a #BA5689 background; contrast on black is 4,78:1.