Saltar al contenido
Color Codes

Color CSS con nombre

Código de color RoyalBlue

RoyalBlue es un azul de luminosidad media y intenso con el código hexadecimal #4169E1. En RGB es rgb(65, 105, 225), en HSL hsl(225, 73%, 57%) y en CMYK cmyk(71%, 53%, 0%, 12%).

RoyalBlue
#4169E1

Valores del color

En CSS puedes escribirlo con la palabra clave royalblue.

El texto blanco sobre RoyalBlue tiene una relación de contraste de 4.85:1 y el texto negro de 4.33:1, así que el texto blanco es la opción más legible.

El color de Tailwind CSS más cercano es Blue 600 (#2563EB).

Usar RoyalBlue en CSS

.element {
  color: royalblue;
  background-color: #4169e1;
  border-color: rgb(65, 105, 225);
}

Tonos claros y oscuros de RoyalBlue

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con RoyalBlue

Armonías de la rueda de color creadas a partir de #4169E1. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre RoyalBlue

Aa
Texto blanco
4.85:1
AA
Aa
Texto negro
4.33:1
AA · Texto grande
Comprobar en el verificador de contraste

Colores parecidos a RoyalBlue

Paletas con colores parecidos

Preguntas sobre RoyalBlue

¿Cuál es el código hexadecimal de RoyalBlue?

El código hexadecimal de RoyalBlue es #4169E1. Su valor RGB es rgb(65, 105, 225) y su valor HSL es hsl(225, 73%, 57%).

¿Qué colores combinan con RoyalBlue?

El color complementario de RoyalBlue es #E1B941. Para un esquema más suave prueba los colores análogos #41B9E1 y #6941E1; para un esquema equilibrado de tres colores usa los triádicos #E14169 y #69E141.

¿RoyalBlue es legible como color de texto?

Sobre un fondo blanco, RoyalBlue tiene una relación de contraste de 4.85:1, que cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 4.33:1.

Más colores de la familia azules