Saltar al contenido
Color Codes

Color CSS con nombre

Código de color SkyBlue

SkyBlue es un cian claro y intenso con el código hexadecimal #87CEEB. En RGB es rgb(135, 206, 235), en HSL hsl(197, 71%, 73%) y en CMYK cmyk(43%, 12%, 0%, 8%).

SkyBlue
#87CEEB

Valores del color

En CSS puedes escribirlo con la palabra clave skyblue.

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

El color de Tailwind CSS más cercano es Sky 300 (#7DD3FC).

Usar SkyBlue en CSS

.element {
  color: skyblue;
  background-color: #87ceeb;
  border-color: rgb(135, 206, 235);
}

Tonos claros y oscuros de SkyBlue

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

Colores que combinan con SkyBlue

Armonías de la rueda de color creadas a partir de #87CEEB. 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 SkyBlue

Aa
Texto blanco
1.74:1
No cumple
Aa
Texto negro
12.06:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a SkyBlue

Paletas con colores parecidos

Preguntas sobre SkyBlue

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

El código hexadecimal de SkyBlue es #87CEEB. Su valor RGB es rgb(135, 206, 235) y su valor HSL es hsl(197, 71%, 73%).

¿Qué colores combinan con SkyBlue?

El color complementario de SkyBlue es #EBA589. Para un esquema más suave prueba los colores análogos #89EBD6 y #899EEB; para un esquema equilibrado de tres colores usa los triádicos #EB89CF y #CFEB89.

¿SkyBlue es legible como color de texto?

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

Más colores de la familia azules