SlateGray — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #708090 | |
| RGB | rgb(112, 128, 144) | |
| HSL | hsl(210, 13%, 50%) |
Tonos de SlateGray
| #647382 | #596673 | #4E5965 | #434D56 | #374048 | #2C333A | #21262B | #161A1D |
Matices claros de SlateGray
| #7D8C9B | #8C99A6 | #9AA6B1 | #A9B3BC | #B7BFC8 | #C5CCD3 | #D4D9DE | #E2E6E9 |
Combinaciones y armonía de color
|
Complementario
#90806F
|
Análogo +30°
#6F6F90
|
Análogo −30°
#6F9090
|
Triádico +120°
#906F80
|
Triádico −120°
#80906F
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #708090;
}
.element-bg {
background-color: #708090;
color: #000000;
}
.element-border {
border: 2px solid #708090;
}
Sobre el color SlateGray
SlateGray es un color medio con saturación muy baja (casi acromático), definido por el código hexadecimal #708090. Sus valores exactos en los modelos de color son rgb(112, 128, 144) en RGB y hsl(210, 13%, 50%) en HSL (matiz 210°, saturación 13%, luminosidad 50%). Sobre fondo blanco, el ratio de contraste es 4.05:1 — Supera AA solo para texto grande, y sobre negro es 5.18:1 — Supera AA para texto normal. Usa SlateGray 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 →