#C62828 — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #C62828 | |
| RGB | rgb(198, 40, 40) | |
| HSL | hsl(0, 66%, 47%) |
Tonos de #C62828
| #B22424 | #9D2020 | #871C1C | #721717 | #5D1313 | #480F0F | #330A0A | #1E0606 |
Matices claros de #C62828
| #D53434 | #DA4949 | #DE5E5E | #E27373 | #E78888 | #EB9E9E | #EFB3B3 | #F4C8C8 |
Combinaciones y armonía de color
|
Complementario
#29C7C7
|
Análogo +30°
#C77829
|
Análogo −30°
#C72978
|
Triádico +120°
#29C729
|
Triádico −120°
#2929C7
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #C62828;
}
.element-bg {
background-color: #C62828;
color: #ffffff;
}
.element-border {
border: 2px solid #C62828;
}
Sobre el color #C62828
#C62828 es un color medio con saturación alta, definido por el código hexadecimal #C62828. Sus valores exactos en los modelos de color son rgb(198, 40, 40) en RGB y hsl(0, 66%, 47%) en HSL (matiz 0°, saturación 66%, luminosidad 47%). Sobre fondo blanco, el ratio de contraste es 5.62:1 — Supera AA para texto normal, y sobre negro es 3.74:1 — Supera AA solo para texto grande. Usa #C62828 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 →