Ir al contenido
Útil del Día
Añadir a favoritosCtrl+D

azul pizarra

HEX #6A5ACD • RGB 106,90,205 • HSL 248 53% 58%

Nombre oficial CSS: slateblue

Tonos más claros (tints)

Base

HEX: #6A5ACD
RGB: rgb(106, 90, 205)
HSL: hsl(248 53% 58%)

Tonos más oscuros (shades)

Tonos desaturados (tones)

Preguntas frecuentes sobre el color azul pizarra

¿Cómo usar azul pizarra en CSS?
Usa la propiedad color (texto), background-color (fondo) o en un degradado. Ejemplo: color: #6A5ACD; o background: rgb(106, 90, 205);.
¿Cuál es el código HEX, RGB y HSL de azul pizarra?
HEX: #6A5ACD — RGB: 106, 90, 205 — HSL: 248 53% 58%.
¿Cómo obtener un tono más claro u oscuro?
En HSL, ajusta la luminosidad (L) y la saturación (S). Aumentar L → más claro, disminuir L → más oscuro. Nuestro módulo genera directamente estas variantes arriba.
¿Este color es accesible sobre fondo claro/oscuro?
Comprueba el contraste WCAG (ratio 4.5:1 para texto normal). Usa idealmente un verificador de contraste y prefiere tonos más oscuros para texto sobre fondo claro.
¿Hay alternativas parecidas?
Sí, los colores CSS con nombre parecidos en tono/saturación pueden servir. Explora el índice de colores para encontrar equivalentes.