#DF1685
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.
#DF1685
Valores de color
#DF1685
223, 22, 133
326,9, 82,0%, 48,0%
326,9, 90,1%, 87,5%
0,0%, 90,1%, 40,4%, 12,5%
0,5954 0,2357 355,3
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: #DF1685;
color: #DF1685;
border-color: #DF1685;
Pink 600
#DB2777
Tonos Tailwind
Verificador de contraste
Texto sobre blanco
4,57:1
Texto sobre negro
4,59:1
Comparar con
Artículos relacionados
Preguntas frecuentes
What are the RGB, HSL, and CMYK values of #DF1685?
RGB(223, 22, 133) · HSL(326,9, 82,0%, 48,0%) · CMYK(0,0%, 90,1%, 40,4%, 12,5%)
Does #DF1685 meet WCAG contrast on white?
4,57:1 — WCAG AA Aprobado, AAA Fallido for normal text.
What text color is readable on #DF1685?
Use 000000 text on a #DF1685 background; contrast on black is 4,59:1.