Acerca de Azul acero
Azul acero (steelblue) es un azul medio, de saturación moderada, con código hexadecimal #4682b4, o rgb(70, 130, 180). En HSL tiene un tono de 207°, 44% de saturación y 49% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: steelblue; en lugar del valor hex.
Uso del azul acero para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto azul acero sobre blanco | 4.11 : 1 | Solo AA para texto grande |
| Texto azul acero sobre negro | 5.11 : 1 | AA |
Sobre un fondo azul acero, usa texto en negro (5.11 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: steelblue; /* or #4682b4 */
background-color: #4682b4;
border: 1px solid rgb(70 130 180 / 50%);
}
Colores con nombre similares
Azul cadete (#5f9ea0), Azul real (#4169e1), Gris pizarra (#708090), Gris pizarra claro (#778899), Azul pizarra (#6a5acd), Verde mar claro (#20b2aa).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.