Saltar al contenido principal

Azul violeta

Todo lo que necesitas saber sobre azul violeta para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El azul violeta es un color relajante que combina la calma del azul con la vibrancia del violeta. Se encuentra entre el azul y el violeta en la rueda de colores. Este tono rico sugiere matices de periwinkle y lavanda. Ideal para diseños que evocan confianza y creatividad.

color Azul violetacolor Azul violeta

El azul violeta se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

  • Código Hex: #8A2BE2
  • Valor RGB: 54.1% rojo, 16.9% verde, 88.6% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

Para variaciones dentro del mismo espectro que el azul violeta, considera:

Para complementar el azul violeta, considera emparejarlo con:

  • Limón (#FFF700): Limón ofrece un contraste brillante y refrescante al azul violeta, energizando la paleta con su calidez alegre.
  • Rosa suave (#E89EB8): El rosa suave armoniza bellamente con el azul violeta, equilibrando su intensidad fría con un tono suave y acogedor.
  • Marfil (#FFFFE3): Marfil proporciona un fondo limpio y suave, permitiendo que el azul violeta destaque mientras añade un toque de elegancia a la paleta de colores.
  • Verde menta (#ADEBB3): El verde menta combina bien con el azul violeta, uniendo tonos fríos para crear una estética relajante y fresca.

Si bien el azul violeta es un tono llamativo y versátil a menudo presente en paletas de colores, puede chocar con:

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Explosión etérea

Brasa encantada

Orquídea eléctrica

Verificador de contraste

Contraste 5,96

Texto grande

#8A2BE2

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #8A2BE2 en un fondo #FFFFFF.
Categoría
Aprobado
Desaprobado
Aprobado
Aprobado
Aprobado
Aprobado

Contraste 3,52

Texto grande

#8A2BE2

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #8A2BE2 en un fondo #000000.
Categoría
Desaprobado
Desaprobado
Aprobado
Desaprobado
Aprobado
Desaprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #8A2BE2, también conocido como Azul violeta, tiene valores RGB de R:138, G:43, B:226 y valores CMYK de C:39, M:81, Y:0, K:11.

VALUECSS
HEX#8A2BE2#8A2BE2
RGB DECIMAL138, 43, 226RGB(138,43,226)
RGB PERCENTAGE54.1, 16.9, 88.6RGB(54.1%,16.9%,88.6%)
CMYK39, 81, 0, 11
HSLHSL(271.1, 75.9%, 52.7%)HSL(271.1, 75.9%, 52.7%)
HSV (OR HSB)271.1°, 81.0, 88.6
WEB SAFE#15351204#15351204
BINARY10001010, 00101011, 11100010
iOS - SwiftUIColor(red: 0.541, green: 0.169, blue: 0.886)
iOS - UIKitUIColor(red: 0.541, green: 0.169, blue: 0.886, alpha: 1)
Android - ComposeColor(0xFF8A2BE2)
Crear paleta de colores