Código del color azul cadete (#5f9ea0)

Azul cadete es #5f9ea0 en hex y rgb(95, 158, 160), un cian medio. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul cadete
#5f9ea0
Nombre CSScadetblue
Hex#5f9ea0
RGBrgb(95, 158, 160)
HSLhsl(182 25% 50%)
HWBhwb(182 37% 37%)
CMYK41%, 1%, 0%, 37%

Tintes y sombras

Armonías de color

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ónRatio de contrasteWCAG
Texto azul cadete sobre blanco3.05 : 1Solo AA texto grande
Texto azul cadete sobre negro6.88 : 1AA

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).

Preguntas frecuentes

¿Cuál es el código hex del azul cadete?
#5f9ea0 — es decir, rgb(95, 158, 160) y hsl(182, 25%, 50%). En CSS también puedes escribir simplemente cadetblue.
¿Se lee bien el texto azul cadete sobre blanco?
Su ratio de contraste sobre blanco es 3.05 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el azul cadete?
Su color complementario es #9f6260; los colores análogos #609f82 y #607d9f están junto a él en el círculo cromático.