Acerca de Azul Medio
Azul medio (mediumblue) es un azul medio y vivo con el código hex #0000cd, o rgb(0, 0, 205). En HSL tiene un tono de 240°, 100% de saturación y 40% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: mediumblue; en lugar del valor hex.
Uso de Azul Medio para texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Azul Medio sobre blanco | 11.16 : 1 | AAA |
| Texto Azul Medio sobre negro | 1.88 : 1 | no cumple |
Sobre un fondo azul medio, usa texto en blanco (11.16 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Comprueba otras combinaciones con el Verificador de contraste.
CSS
.element {
color: mediumblue; /* or #0000cd */
background-color: #0000cd;
border: 1px solid rgb(0 0 205 / 50%);
}
Nombres de color similares
Azul (#0000ff), Azul oscuro (#00008b), Azul marino (#000080), Azul medianoche (#191970), Índigo (#4b0082), Azul pizarra oscuro (#483d8b).
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.