Paleta de colores

Color celeste

Es el azul claro de un cielo despejado. En Argentina y Uruguay se asocia a la bandera y a la selección de fútbol. Se usa en ropa de bebé, paredes y fondos de sitios web.

También llamado: azul cielo, azul celeste.

Celeste · #87CEEB

Datos del color celeste

El celeste (#87CEEB) es un color frío, claro y de saturación media. Pertenece a la familia de los azules. Se mezcla con 135 de rojo, 206 de verde y 235 de azul (sobre 255). Se usa sobre todo en infantil, decoración, web.

Tonos del celeste: claros y oscuros

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

Colores que combinan con el celeste

BlancoUna dupla limpia y fresca.Azul marinoUn degradado de azules elegante.BeigeUna base cálida que lo equilibra.Rosa paloUna mezcla pastel muy dulce.GrisUn look tranquilo y profesional.CaféContraste entre lo fresco y lo terroso.Amarillo pastelUna mezcla primaveral.CoralUn acento cálido y vivo.
Cómo combinar el celeste en ropa y decoración →

Armonías del color celeste

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

ComplementarioCercano a: Nude
AnálogosCercano a: Verde agua, Glicina
TríadaCercano a: Rosa neón, Amarillo pastel
Complementario divididoCercano a: Rosa flamenco, Vainilla
TétradaCercano a: Lavanda, Nude, Verde claro

Paletas con el color celeste

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

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

Contraste del celeste con texto

Texto blancoContraste 1.7:1 · No recomendado
Texto negroContraste 12.1:1 · AAA

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

Código CSS

:root {
  --celeste: #87CEEB;
  --celeste-rgb: 135, 206, 235;
}
.fondo { background-color: var(--celeste); }
.texto { color: var(--celeste); }

Colores parecidos al celeste

Azul bebéAzul claroAzul pastelTurquesa pastelGris azuladoVerde aguaPlataGris cenizaGris claroTurquesa oscuro

Paletas temáticas con este color

Otros azules

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

Preguntas frecuentes

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

El código HEX del color celeste es #87CEEB. En RGB es rgb(135, 206, 235), en HSL es hsl(197, 71%, 73%) y en CMYK es 43, 12, 0, 8.

¿Qué color es el complementario del celeste?

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

¿Se puede usar texto blanco sobre el color celeste?

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

¿Con qué colores combina el celeste?

Combina bien con blanco, azul marino, beige, rosa palo, gris. Evita combinarlo con azules eléctricos o morados intensos, porque el celeste se ve apagado. Con negro puede verse demasiado duro.