Color Azul: código #0000FF

Azul

#0000FF

Códigos del color

  • HEX#0000FF
  • RGBrgb(0, 0, 255)
  • HSLhsl(240, 100%, 50%)
  • HSVhsv(240, 100%, 100%)
  • CMYKcmyk(100%, 100%, 0%, 0%)
  • LABlab(32.3% 79.2 -107.9)
  • OKLCHoklch(45.2% 0.313 264.1)

Sobre el color Azul

Azul tiene el código HEX #0000FF, que corresponde a rgb(0, 0, 255) en el modelo RGB. En el círculo cromático, su tono está en 240°, con 100% de saturación y 50% de luminosidad (hsl(240, 100%, 50%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 8,59:1 sobre él, frente a 2,44:1 del negro.

Para impresión, la conversión aproximada es cmyk(100%, 100%, 0%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Azul

Complementaria

#0000FF · #FFFF00

Análoga

#0080FF · #0000FF · #8000FF

Tríada

#0000FF · #FF0000 · #00FF00

Tetrádica

#0000FF · #FF0080 · #FFFF00 · #00FF80

Complementaria dividida

#0000FF · #FF8000 · #80FF00

Monocromática

#000080 · #0000CC · #0000FF · #4D4DFF · #9999FF

Azul con texto blanco y negro

Texto blanco Aa Bb Cc 123
8,59:1 · AAA
Texto negro Aa Bb Cc 123
2,44:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Qué comunica el azul

El azul suele leerse como calma, confianza, estabilidad y tecnología, y por eso aparece tanto en bancos, aseguradoras de salud, empresas de software e instituciones públicas. Aun así, las asociaciones no son universales: en algunas tradiciones se vincula con la protección espiritual y, en otras, con la melancolía. También pesa el contexto local; en varios países de América Latina es un color muy presente en uniformes escolares y selecciones deportivas. Evalúa siempre el color según tu público y tu sector.

El azul puro y sus parientes

#0000FF es el canal B del monitor al máximo. Es intenso y oscuro a la vez, y mucha gente que busca “azul” en realidad quiere uno de estos tonos:

ColorHEXCuándo elegirlo
Azul#0000FFAcentos digitales vibrantes, ilustración, pantallas.
Azul marino#000080Uniformes, sastrería, marcas institucionales.
Azul real#4169E1Botones y enlaces con energía, ropa de fiesta.
Azul cielo#87CEEBFondos ligeros, verano, público infantil.

Combinaciones que funcionan

En el círculo cromático tradicional (RYB), el complementario del azul es el naranja, y la pareja genera un contraste vibrante habitual en ropa deportiva y llamadas a la acción. Otras opciones seguras:

Para armar la paleta completa, prueba variaciones en el generador de paletas de colores.

Consejo: cuidado al imprimir

#0000FF queda fuera de la gama de impresión CMYK. Una conversión directa da algo cercano a cmyk(100%, 100%, 0%, 0%), que en papel se ve como un azul violáceo mucho más oscuro y apagado que en pantalla. Si es un color de marca, define una versión CMYK propia (o una tinta directa Pantone) en lugar de fiarte de la conversión automática. La guía RGB vs. CMYK explica por qué. En pantalla, la noticia es buena: el texto blanco sobre #0000FF alcanza un contraste de 8,6:1, muy por encima de lo que pide la WCAG.

Cómo usarlo en CSS

:root {
  --color-blue: #0000FF;
  --color-blue-rgb: 0, 0, 255;
}

.elemento {
  background-color: var(--color-blue);
  color: #FFFFFF;
}

Colores parecidos

Usa Azul en nuestras herramientas