Código de color Azul pizarra medio (#7b68ee)

Azul pizarra medio es #7b68ee en hexadecimal y rgb(123, 104, 238), 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 pizarra medio
#7b68ee
Nombre CSSmediumslateblue
Hex#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(249 80% 67%)
HWBhwb(249 41% 7%)
CMYK48%, 56%, 0%, 7%

Tonos y sombras

Armonías de color

Sobre el Azul pizarra medio

Azul pizarra medio (mediumslateblue) es un azul claro y vivo con código hexadecimal #7b68ee, o rgb(123, 104, 238). En HSL tiene un tono de 249°, saturación de 80% y luminosidad de 67%. Es uno de los 148 colores con nombre que entienden todos los navegadores, así que puedes escribir color: mediumslateblue; en lugar del valor hex.

Uso del Azul pizarra medio en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Azul pizarra medio sobre blanco4.15 : 1Solo AA para texto grande
Texto Azul pizarra medio sobre negro5.06 : 1AA

Sobre un fondo azul pizarra medio, usa texto en negro (5.06 : 1). WCAG pide 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: mediumslateblue;               /* or #7b68ee */
  background-color: #7b68ee;
  border: 1px solid rgb(123 104 238 / 50%);
}

Colores con nombre similares

Morado medio (#9370db), Azul pizarra (#6a5acd), Azul aciano (#6495ed), Azul real (#4169e1), Azul violeta (#8a2be2), Orquídea oscura (#9932cc).

Preguntas frecuentes

¿Cuál es el código hex del azul pizarra medio?
#7b68ee, que equivale a rgb(123, 104, 238) y hsl(249, 80%, 67%). En CSS también puedes escribir simplemente mediumslateblue.
¿El texto azul pizarra medio es legible sobre blanco?
Su ratio de contraste sobre blanco es 4.15 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el azul pizarra medio?
Su color complementario es #daee68; los colores análogos #6897ee y #bf68ee están a sus lados en la rueda de color.