Código de color Azul Real (#4169e1)

Azul Real es #4169e1 en hexadecimal y rgb(65, 105, 225), un azul medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul Real
#4169e1
Nombre CSSroyalblue
Hex#4169e1
RGBrgb(65, 105, 225)
HSLhsl(225 73% 57%)
HWBhwb(225 25% 12%)
CMYK71%, 53%, 0%, 12%

Tintes y sombras

Armonías de color

Acerca del Azul Real

Azul Real (royalblue) es un azul medio y vivo con el código hex #4169e1, o rgb(65, 105, 225). En HSL tiene un matiz de 225°, una saturación de 73% y una luminosidad de 57%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: royalblue; en lugar del valor hex.

Uso del Azul Real para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Azul Real sobre blanco4.85 : 1AA
Texto Azul Real sobre negro4.33 : 1AA solo para texto grande

Sobre un fondo azul real, usa texto en blanco (4.85 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: royalblue;               /* or #4169e1 */
  background-color: #4169e1;
  border: 1px solid rgb(65 105 225 / 50%);
}

Nombres de color similares

Azul Pizarra (#6a5acd), Azul Acero (#4682b4), Azul Aciano (#6495ed), Azul Pizarra Medio (#7b68ee), Azul Dodger (#1e90ff), Púrpura Medio (#9370db).

Preguntas frecuentes

¿Cuál es el código hex del azul real?
#4169e1, es decir, rgb(65, 105, 225) y hsl(225, 73%, 57%). En CSS también puedes escribir simplemente royalblue.
¿Es legible el texto azul real sobre blanco?
Su relación de contraste sobre blanco es 4.85 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el azul real?
Su color complementario es #e1b941; los colores análogos #41b9e1 y #6941e1 están junto a él en la rueda de color.