MediumVioletRed — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #C71585 | |
| RGB | rgb(199, 21, 133) | |
| HSL | hsl(322, 81%, 43%) |
Tonos de MediumVioletRed
| #B41379 | #A2116D | #8F0F60 | #7D0D54 | #6A0B47 | #58093B | #45072F | #330522 |
Matices claros de MediumVioletRed
| #E21898 | #E92FA5 | #EC4BB1 | #EF67BD | #F282C9 | #F59ED5 | #F8BAE1 | #FBD5ED |
Combinaciones y armonía de color
|
Complementario
#15C656
|
Análogo +30°
#C6152D
|
Análogo −30°
#AF15C6
|
Triádico +120°
#85C615
|
Triádico −120°
#1585C6
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #C71585;
}
.element-bg {
background-color: #C71585;
color: #ffffff;
}
.element-border {
border: 2px solid #C71585;
}
Sobre el color MediumVioletRed
MediumVioletRed es un color medio con saturación muy alta y vibrante, definido por el código hexadecimal #C71585. Sus valores exactos en los modelos de color son rgb(199, 21, 133) en RGB y hsl(322, 81%, 43%) en HSL (matiz 322°, saturación 81%, luminosidad 43%). Sobre fondo blanco, el ratio de contraste es 5.42:1 — Supera AA para texto normal, y sobre negro es 3.87:1 — Supera AA solo para texto grande. Usa MediumVioletRed en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.
¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.
Abrir el selector de color →