SteelBlue — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #4682B4 | |
| RGB | rgb(70, 130, 180) | |
| HSL | hsl(207, 44%, 49%) |
Tonos de SteelBlue
| #3F75A2 | #38688F | #315B7D | #294D6A | #224058 | #1B3346 | #142533 | #0D1821 |
Matices claros de SteelBlue
| #568FBD | #689BC4 | #7BA7CC | #8DB3D3 | #A0C0DA | #B2CCE1 | #C4D8E8 | #D7E4EF |
Combinaciones y armonía de color
|
Complementario
#B47746
|
Análogo +30°
#464BB4
|
Análogo −30°
#46B4AE
|
Triádico +120°
#B44682
|
Triádico −120°
#82B446
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #4682B4;
}
.element-bg {
background-color: #4682B4;
color: #000000;
}
.element-border {
border: 2px solid #4682B4;
}
Sobre el color SteelBlue
SteelBlue es un color medio con saturación moderada, definido por el código hexadecimal #4682B4. Sus valores exactos en los modelos de color son rgb(70, 130, 180) en RGB y hsl(207, 44%, 49%) en HSL (matiz 207°, saturación 44%, luminosidad 49%). Sobre fondo blanco, el ratio de contraste es 4.11:1 — Supera AA solo para texto grande, y sobre negro es 5.11:1 — Supera AA para texto normal. Usa SteelBlue 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 →