Saltar al contenido
Color Codes

Color CSS con nombre

Código de color SteelBlue

SteelBlue es un azul de luminosidad media y moderadamente saturado con el código hexadecimal #4682B4. En RGB es rgb(70, 130, 180), en HSL hsl(207, 44%, 49%) y en CMYK cmyk(61%, 28%, 0%, 29%).

SteelBlue
#4682B4

Valores del color

En CSS puedes escribirlo con la palabra clave steelblue.

El texto blanco sobre SteelBlue tiene una relación de contraste de 4.11:1 y el texto negro de 5.11:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Sky 600 (#0284C7).

Usar SteelBlue en CSS

.element {
  color: steelblue;
  background-color: #4682b4;
  border-color: rgb(70, 130, 180);
}

Tonos claros y oscuros de SteelBlue

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con SteelBlue

Armonías de la rueda de color creadas a partir de #4682B4. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre SteelBlue

Aa
Texto blanco
4.11:1
AA · Texto grande
Aa
Texto negro
5.11:1
AA
Comprobar en el verificador de contraste

Colores parecidos a SteelBlue

Paletas con colores parecidos

Preguntas sobre SteelBlue

¿Cuál es el código hexadecimal de SteelBlue?

El código hexadecimal de SteelBlue es #4682B4. Su valor RGB es rgb(70, 130, 180) y su valor HSL es hsl(207, 44%, 49%).

¿Qué colores combinan con SteelBlue?

El color complementario de SteelBlue es #B47746. Para un esquema más suave prueba los colores análogos #46B4AE y #464BB4; para un esquema equilibrado de tres colores usa los triádicos #B44682 y #82B446.

¿SteelBlue es legible como color de texto?

Sobre un fondo blanco, SteelBlue tiene una relación de contraste de 4.11:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 5.11:1.

Más colores de la familia azules