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ón | Relación de contraste | WCAG |
|---|---|---|
| Texto Azul Real sobre blanco | 4.85 : 1 | AA |
| Texto Azul Real sobre negro | 4.33 : 1 | AA 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).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.