Acerca del azul marino
Azul marino (navy) es un azul oscuro e intenso con el código hex #000080, o rgb(0, 0, 128). En HSL tiene un tono de 240°, 100% de saturación y 25% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: navy; en lugar del valor hex.
Uso del azul marino en texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto azul marino sobre blanco | 16.01 : 1 | AAA |
| Texto azul marino sobre negro | 1.31 : 1 | no cumple |
Sobre un fondo azul marino, usa texto blanco (16.01 : 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: navy; /* or #000080 */
background-color: #000080;
border: 1px solid rgb(0 0 128 / 50%);
}Colores con nombre similares
Azul oscuro (#00008b), Azul medianoche (#191970), Índigo (#4b0082), Azul medio (#0000cd), Azul pizarra oscuro (#483d8b), Gris pizarra oscuro (#2f4f4f).
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.