Paleta de colores

Color azul pizarra

Un azul medio que tira a violeta, con un aire frío y un poco ahumado. Es un color estándar de CSS y se usa mucho en interfaces, ilustraciones y decoración moderna.

También llamado: slate blue.

El código HEX del color azul pizarra es #6A5ACD. En RGB es rgb(106, 90, 205), en HSL es hsl(248, 53%, 58%) y en CMYK es 48, 56, 0, 20.

Pruébalo en la vida real

Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.

Colores parecidos al azul pizarra

Azul rey#4169E1Amatista#9966CCAzul zafiro#0F52BAPúrpura real#7851A9Azul cobalto#0047ABUva#6F2DA8

Datos del color azul pizarra

El azul pizarra (#6A5ACD) es un color frío, de luminosidad media y de saturación media. Pertenece a la familia de los azules. Se mezcla con 106 de rojo, 90 de verde y 205 de azul (sobre 255). Se usa sobre todo en web, ilustración, decoración.

Muestra del color Azul pizarra con sus tonos de claro a oscuro · #6A5ACD
Azul pizarra · #6A5ACD

Qué significa el color azul pizarra

El azul es el color de la confianza, la calma y la serenidad. Recuerda al cielo y al mar, por eso transmite estabilidad y profesionalismo. En el caso del color azul pizarra, se usa sobre todo en web, ilustración y decoración.

Tonos del azul pizarra: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Ve todos sus tonos: Generador de gama de colores

Colores de ropa por estación y estilo80 paletas para hombre y mujer, con 8 looks para copiar en cada una: lujo silencioso, playa, montaña, oficina y más.Ver paletas de ropa

Armonías del color azul pizarra

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Latón
AnálogosCercano a: Azul aciano, Amatista
TríadaCercano a: Terracota, Verde pastel
Complementario divididoCercano a: Leonado, Verde pastel
TétradaCercano a: Rubor, Latón, Turquesa

Paletas con el color azul pizarra

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Azul pizarra
Paleta Análoga · Azul pizarra
Paleta Complementaria · Azul pizarra
Paleta Tríada · Azul pizarra
Paleta Con neutros · Azul pizarra
Paleta Con acento · Azul pizarra

Contraste del azul pizarra con texto

Texto blancoContraste 5.3:1 · AA
Texto negroContraste 4.0:1 · AA texto grande

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --azul-pizarra: #6A5ACD;
  --azul-pizarra-rgb: 106, 90, 205;
}
.fondo { background-color: var(--azul-pizarra); }
.texto { color: var(--azul-pizarra); }

Colores parecidos al azul pizarra

Azul eléctricoAzul KleinAzul mezclillaAzur

Otros azules

AzulAzul marinoCelesteAzul cobaltoAzul zafiroAzul aceroAzul reyAzul eléctricoAzul medianocheAzul ultramarAzul FranciaAzul de PrusiaAzul pastelAzul bebéAzul mezclillaAzul KleinAzul oscuroAzul claroAzul cerúleoAzul pervincaAzurAzul acianoAzul empolvadoAzul océano
Muestra del color Azul pizarra con sus tonos de claro a oscuro · #6A5ACD
Muestra del color Azul pizarra con sus tonos de claro a oscuro · #6A5ACD

Prueba también

Paleta de colores de tu nombreEscribe un nombre y obtén tu propia paleta de coloresRaspa y gana coloresRaspa un boleto gratis y descubre tu paletaAcuario de coloresAcuario 3D relajante con tus paletas
Ver todas las herramientas gratis →

Preguntas frecuentes

¿Qué significa el color azul pizarra?

El azul es el color de la confianza, la calma y la serenidad. Recuerda al cielo y al mar, por eso transmite estabilidad y profesionalismo. En el caso del color azul pizarra, se usa sobre todo en web, ilustración y decoración.

¿Cuál es el código del color azul pizarra?

El código HEX del color azul pizarra es #6A5ACD. En RGB es rgb(106, 90, 205), en HSL es hsl(248, 53%, 58%) y en CMYK es 48, 56, 0, 20.

¿Qué color es el complementario del azul pizarra?

Su complementario en el círculo cromático es #BDCD5A, un tono cercano al latón. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color azul pizarra?

Sí. El contraste con blanco es 5.3:1, suficiente para texto normal (WCAG AA).