Paleta de colores

Color azul claro

Azul suave y luminoso que en CSS se llama lightblue. Es tranquilo y limpio. Se usa en fondos, ropa de verano y espacios que buscan amplitud.

Azul claro · #ADD8E6

Datos del color azul claro

El azul claro (#ADD8E6) es un color frío, claro y de saturación media. Pertenece a la familia de los azules. Se mezcla con 173 de rojo, 216 de verde y 230 de azul (sobre 255). Se usa sobre todo en web, decoración, infantil.

Tonos del azul claro: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Armonías del color azul claro

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Rosa bebé
AnálogosCercano a: Turquesa pastel, Lila pastel
TríadaCercano a: Lila, Vainilla
Complementario divididoCercano a: Rosa palo, Trigo
TétradaCercano a: Glicina, Rosa bebé, Verde pistacho

Paletas con el color azul claro

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Azul claro
Paleta Análoga · Azul claro
Paleta Complementaria · Azul claro
Paleta Tríada · Azul claro
Paleta Con neutros · Azul claro
Paleta Con acento · Azul claro

Contraste del azul claro con texto

Texto blancoContraste 1.5:1 · No recomendado
Texto negroContraste 13.7:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --azul-claro: #ADD8E6;
  --azul-claro-rgb: 173, 216, 230;
}
.fondo { background-color: var(--azul-claro); }
.texto { color: var(--azul-claro); }

Colores parecidos al azul claro

Azul pastelCelesteTurquesa pastelAzul bebéGris claroGris perlaPlataGris cenizaPlatinoBlanco humo

Paletas temáticas con este color

Paletas de colores para graduaciónPaletas de colores para InstagramPaletas de colores para cocinaPaletas de colores para sala o livingPaletas de colores aestheticPaletas de colores de verano

Otros azules

AzulAzul marinoCelesteAzul cobaltoAzul zafiroAzul aceroAzul reyAzul eléctricoAzul medianocheAzul ultramarAzul FranciaAzul de PrusiaAzul pastelAzul bebéAzul mezclillaAzul KleinAzul oscuroAzul cerúleo

Preguntas frecuentes

¿Cuál es el código del color azul claro?

El código HEX del color azul claro es #ADD8E6. En RGB es rgb(173, 216, 230), en HSL es hsl(195, 53%, 79%) y en CMYK es 25, 6, 0, 10.

¿Qué color es el complementario del azul claro?

Su complementario en el círculo cromático es #E6BBAD, un tono cercano al rosa bebé. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color azul claro?

Mejor usa texto negro: el contraste con blanco es solo 1.5:1, mientras que con negro es 13.7:1.