Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LightBlue

LightBlue es un cian claro y moderadamente saturado con el código hexadecimal #ADD8E6. En RGB es rgb(173, 216, 230), en HSL hsl(195, 53%, 79%) y en CMYK cmyk(25%, 6%, 0%, 10%).

LightBlue
#ADD8E6

Valores del color

En CSS puedes escribirlo con la palabra clave lightblue.

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

El color de Tailwind CSS más cercano es Slate 300 (#CBD5E1).

Usar LightBlue en CSS

.element {
  color: lightblue;
  background-color: #add8e6;
  border-color: rgb(173, 216, 230);
}

Tonos claros y oscuros de LightBlue

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

Colores que combinan con LightBlue

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

Aa
Texto blanco
1.53:1
No cumple
Aa
Texto negro
13.74:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a LightBlue

Paletas con colores parecidos

Preguntas sobre LightBlue

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

El código hexadecimal de LightBlue es #ADD8E6. Su valor RGB es rgb(173, 216, 230) y su valor HSL es hsl(195, 53%, 79%).

¿Qué colores combinan con LightBlue?

El color complementario de LightBlue es #E6BBAD. Para un esquema más suave prueba los colores análogos #ADE6D8 y #ADBBE6; para un esquema equilibrado de tres colores usa los triádicos #E6ADD8 y #D8E6AD.

¿LightBlue es legible como color de texto?

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

Más colores de la familia azules