Código de color Azul Aciano (#6495ed)

Azul Aciano es #6495ed en hex y rgb(100, 149, 237), un azul claro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul Aciano
#6495ed
Nombre CSScornflowerblue
Hex#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219 79% 66%)
HWBhwb(219 39% 7%)
CMYK58%, 37%, 0%, 7%

Tonos y sombras

Armonías de color

Acerca del Azul Aciano

Azul Aciano (cornflowerblue) es un azul claro y vivo con el código hex #6495ed, o rgb(100, 149, 237). En HSL tiene un tono de 219°, saturación de 79% y luminosidad de 66%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: cornflowerblue; en lugar del valor hex.

Uso del Azul Aciano para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Azul Aciano sobre blanco2.97 : 1no cumple
Texto Azul Aciano sobre negro7.06 : 1AAA

Sobre un fondo azul aciano, usa texto en negro (7.06 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: cornflowerblue;               /* or #6495ed */
  background-color: #6495ed;
  border: 1px solid rgb(100 149 237 / 50%);
}

Nombres de color similares

Azul pizarra medio (#7b68ee), Azul real (#4169e1), Púrpura medio (#9370db), Azul cielo (#87ceeb), Azul acero (#4682b4), Azul pizarra (#6a5acd).

Preguntas frecuentes

¿Cuál es el código hex del azul aciano?
#6495ed, que equivale a rgb(100, 149, 237) y hsl(219, 79%, 66%). En CSS también puedes escribir simplemente cornflowerblue.
¿Se lee bien el texto azul aciano sobre blanco?
Su relación de contraste sobre blanco es 2.97 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el azul aciano?
Su color complementario es #edbd64; los colores análogos #64d8ed y #7864ed quedan junto a él en el círculo cromático.