Paleta de colores

Color azul

Es uno de los tres colores de luz de las pantallas, junto al rojo y el verde. Transmite calma, confianza y orden. Es el color más usado en logos de bancos, tecnología y redes sociales.

Azul · #0000FF

Datos del color azul

El azul (#0000FF) es un color frío, de luminosidad media y muy saturado. Pertenece a la familia de los azules. Se mezcla con 0 de rojo, 0 de verde y 255 de azul (sobre 255). Se usa sobre todo en logos, web, branding, moda.

Tonos del azul: claros y oscuros

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

Colores que combinan con el azul

BlancoFresco y limpio, como el mar y las nubes.NaranjaSu complementario, con contraste máximo.GrisSobrio y profesional.AmarilloAlegre y luminoso.BeigeCalidez y equilibrio.RosaContraste dulce y moderno.CaféUna mezcla clásica y natural.VerdeSu vecino natural, fresco y sereno.
Cómo combinar el azul en ropa y decoración →

Armonías del color azul

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

ComplementarioCercano a: Amarillo
AnálogosCercano a: Azul eléctrico, Violeta
TríadaCercano a: Rojo, Verde neón
Complementario divididoCercano a: Naranja, Chartreuse
TétradaCercano a: Rosa fuerte, Amarillo, Verde menta

Paletas con el color azul

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

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

Contraste del azul con texto

Texto blancoContraste 8.6:1 · AAA
Texto negroContraste 2.4:1 · No recomendado

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

Código CSS

:root {
  --azul: #0000FF;
  --azul-rgb: 0, 0, 255;
}
.fondo { background-color: var(--azul); }
.texto { color: var(--azul); }

Colores parecidos al azul

VioletaMoradoAzul oscuroAzul ultramarAzul marinoMagentaAzul KleinUvaÍndigoAzul eléctrico

Otros azules

Azul marinoCelesteAzul 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 azul?

El código HEX del color azul es #0000FF. En RGB es rgb(0, 0, 255), en HSL es hsl(240, 100%, 50%) y en CMYK es 100, 100, 0, 0.

¿Qué color es el complementario del azul?

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

¿Se puede usar texto blanco sobre el color azul?

Sí. El contraste con blanco es 8.6:1, suficiente para texto normal (WCAG AA).

¿Con qué colores combina el azul?

Combina bien con blanco, naranja, gris, amarillo, beige. Evita mezclar demasiados azules muy distintos sin un neutro, porque se ven desordenados. Con morados intensos el azul pierde claridad.