Acerca del azul cadete
Azul cadete (cadetblue) es un cian medio de saturación moderada con el código hex #5f9ea0, o rgb(95, 158, 160). En HSL tiene un tono de 182°, 25 % de saturación y 50 % de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: cadetblue; en lugar del valor hex.
Usar el azul cadete para texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto azul cadete sobre blanco | 3.05 : 1 | Solo AA texto grande |
| Texto azul cadete sobre negro | 6.88 : 1 | AA |
Sobre un fondo azul cadete, usa texto en negro (6.88 : 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: cadetblue; /* or #5f9ea0 */
background-color: #5f9ea0;
border: 1px solid rgb(95 158 160 / 50%);
}
Colores con nombre similares
Gris pizarra claro (#778899), Gris pizarra (#708090), Azul acero (#4682b4), Aguamarina media (#66cdaa), Gris (#808080), Verde mar oscuro (#8fbc8f).
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.