El violeta oscuro es un tono profundo y misterioso que exuda lujo y elegancia. Ubicado en el espectro del violeta, combina tonos ricos de morado con un toque de azul. Tonos relacionados incluyen el morado profundo y el índigo. Perfecto para crear diseños audaces y dramáticos o para añadir un acento de tono joya a interiores.
El violeta oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #9400D3
- Valor RGB: 58.0% rojo, 0.0% verde, 82.7% 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 violeta oscuro, considera:
- Berenjena (#372528): La berenjena tiene una naturaleza profunda y terrosa que se asemeja a la rica intensidad del violeta oscuro, conectando a través de sus tonos morados profundos.
- Bizancio (#702963): Con su tono morado más oscuro y apagado, el bizancio resuena con el violeta oscuro, reflejando un tono violeta sofisticado y rico.
- Berenjena (#614051): La berenjena comparte una profundidad morada más oscura con un carácter robusto y sombrío similar al violeta oscuro, encajando en el mismo espectro violeta.
- Morado real (#6c3baa): El morado real exuda una vibrante realeza y profundidad, igualando las variaciones de pigmento intensas que se encuentran en el violeta oscuro.
Para complementar el violeta oscuro, considera emparejarlo con:
- Oro (#EFBF04): Este tono juega contra la riqueza del violeta oscuro, añadiendo un toque de lujo y calidez que crea una paleta dinámica de tonos joya adecuada para un toque dramático.
- Esmeralda (#50C878): El verde profundo de la esmeralda realza la opulencia del violeta oscuro, ofreciendo un contraste llamativo que se adapta a una paleta artística.
- Plata (#C4C4C4): Este tono neutro proporciona un fondo elegante, destacando la intensidad del violeta oscuro mientras mantiene el equilibrio y la sofisticación.
- Lila (#A47DAB): Un tono más claro dentro del espectro violeta, el lila suaviza el violeta oscuro, creando una combinación armoniosa y relajante ideal para la psicología del color o el diseño de interiores.
- Amarillo mostaza (#FFCE1B): Ofrece un toque inesperado de calidez, generando energía y vibrancia en una combinación complementaria que llama la atención.
Aunque el violeta oscuro es profundo y cautivador, puede chocar con:
- Amarillo brillante (#FFED29): Este color choca debido a su intenso brillo, creando un contraste marcado que abruma la riqueza del violeta oscuro.
- Naranja neón (#FF5C00): Su intensidad vívida puede dominar al violeta oscuro, resultando en una paleta que se siente discordante y visualmente chocante.
- Verde jade (#00BB77): Su tono vibrante contra el violeta oscuro introduce una mezcla de tonos fríos y cálidos que chocan, creando ruido visual.
- Escarlata (#ED2100): La calidez audaz del escarlata compite por atención, creando tensión con los tonos fríos del violeta oscuro.
- Verde menta (#ADEBB3): Esto crea una vibrancia pastel que resta profundidad al violeta oscuro, llevando a una combinación desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Deslumbrante Ciruela
Brote Vívido
Neón Vívido
Verificador de contraste
Contraste 6,56
- Texto grande
#9400D3
- 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,2
- Texto grande
#9400D3
- 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 #9400D3, también conocido como Violeta oscuro, tiene valores RGB de R:148, G:0, B:211 y valores CMYK de C:30, M:100, Y:0, K:17.
| VALUE | CSS | |
|---|---|---|
| HEX | #9400D3 | #9400D3 |
| RGB DECIMAL | 148, 0, 211 | RGB(148,0,211) |
| RGB PERCENTAGE | 58.0, 0.0, 82.7 | RGB(58.0%,0.0%,82.7%) |
| CMYK | 30, 100, 0, 17 | |
| HSL | HSL(282.1, 100.0%, 41.4%) | HSL(282.1, 100.0%, 41.4%) |
| HSV (OR HSB) | 282.1°, 100.0, 82.7 | |
| WEB SAFE | #1530204 | #1530204 |
| BINARY | 10010100, 00000000, 11010011 | |
| iOS - SwiftUI | Color(red: 0.580, green: 0.000, blue: 0.827) | |
| iOS - UIKit | UIColor(red: 0.580, green: 0.000, blue: 0.827, alpha: 1) | |
| Android - Compose | Color(0xFF9400D3) |
