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.

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.
| 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.
| 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.
| VALUE | CSS | |
|---|---|---|
| HEX | #8A2BE2 | #8A2BE2 |
| RGB DECIMAL | 138, 43, 226 | RGB(138,43,226) |
| RGB PERCENTAGE | 54.1, 16.9, 88.6 | RGB(54.1%,16.9%,88.6%) |
| CMYK | 39, 81, 0, 11 | |
| HSL | HSL(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 |
| BINARY | 10001010, 00101011, 11100010 | |
| iOS - SwiftUI | Color(red: 0.541, green: 0.169, blue: 0.886) | |
| iOS - UIKit | UIColor(red: 0.541, green: 0.169, blue: 0.886, alpha: 1) | |
| Android - Compose | Color(0xFF8A2BE2) |


