Saltar al contenido
Color Codes

Color CSS con nombre

Código de color CadetBlue

CadetBlue es un cian de luminosidad media y apagado con el código hexadecimal #5F9EA0. En RGB es rgb(95, 158, 160), en HSL hsl(182, 25%, 50%) y en CMYK cmyk(41%, 1%, 0%, 37%).

CadetBlue
#5F9EA0

Valores del color

En CSS puedes escribirlo con la palabra clave cadetblue.

El texto blanco sobre CadetBlue tiene una relación de contraste de 3.05:1 y el texto negro de 6.88:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Teal 600 (#0D9488).

Usar CadetBlue en CSS

.element {
  color: cadetblue;
  background-color: #5f9ea0;
  border-color: rgb(95, 158, 160);
}

Tonos claros y oscuros de CadetBlue

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con CadetBlue

Armonías de la rueda de color creadas a partir de #5F9EA0. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre CadetBlue

Aa
Texto blanco
3.05:1
AA · Texto grande
Aa
Texto negro
6.88:1
AA
Comprobar en el verificador de contraste

Colores parecidos a CadetBlue

Paletas con colores parecidos

Preguntas sobre CadetBlue

¿Cuál es el código hexadecimal de CadetBlue?

El código hexadecimal de CadetBlue es #5F9EA0. Su valor RGB es rgb(95, 158, 160) y su valor HSL es hsl(182, 25%, 50%).

¿Qué colores combinan con CadetBlue?

El color complementario de CadetBlue es #9F6260. Para un esquema más suave prueba los colores análogos #609F82 y #607D9F; para un esquema equilibrado de tres colores usa los triádicos #9F609D y #9D9F60.

¿CadetBlue es legible como color de texto?

Sobre un fondo blanco, CadetBlue tiene una relación de contraste de 3.05:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 6.88:1.

Más colores de la familia azules