Código de color Light Blue (#add8e6)

Light Blue es #add8e6 en hex y rgb(173, 216, 230): un azul claro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul claro
#add8e6
Nombre CSSlightblue
Hex#add8e6
RGBrgb(173, 216, 230)
HSLhsl(195 53% 79%)
HWBhwb(195 68% 10%)
CMYK25%, 6%, 0%, 10%

Tintes y sombras

Armonías de color

Sobre Light Blue

Light Blue (lightblue) es un azul claro de saturación moderada, con el código hex #add8e6, o rgb(173, 216, 230). En HSL tiene un tono de 195°, 53% de saturación y 79% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightblue; en lugar del valor hex.

Uso de Light Blue para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Light Blue sobre blanco1.53 : 1no cumple
Texto Light Blue sobre negro13.74 : 1AAA

Sobre un fondo azul claro, usa texto en negro (13.74 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

Colores con nombre similares

Azul polvo (#b0e0e6), Azul acero claro (#b0c4de), Turquesa pálido (#afeeee), Azul cielo (#87ceeb), Gris claro (#d3d3d3), Azul cielo claro (#87cefa).

Preguntas frecuentes

¿Cuál es el código hex del azul claro?
#add8e6, que equivale a rgb(173, 216, 230) y hsl(195, 53%, 79%). En CSS también puedes escribir simplemente lightblue.
¿El texto azul claro es legible sobre blanco?
Su ratio de contraste sobre blanco es 1.53 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el azul claro?
Su color complementario es #e6bbad; los colores análogos #ade6d8 y #adbbe6 están junto a él en el círculo cromático.