El violeta oscuro es un tono profundo y misterioso que exuda lujo y elegancia. Ubicado en el espectro del violeta, combina tonos púrpuras ricos con un toque de azul. Tonos relacionados incluyen el púrpura 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
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
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 púrpuras profundos.
- Bizancio (#702963): Con su tono púrpura más oscuro y apagado, Bizancio resuena con el Violeta Oscuro, reflejando un matiz violeta sofisticado y rico.
- Berenjena (#614051): La berenjena comparte una profundidad púrpura más oscura con un carácter robusto y sombrío similar al Violeta Oscuro, encajando en el mismo espectro violeta.
- Púrpura Real (#6c3baa): El Púrpura Real exuda una vibrante realeza y profundidad, igualando las intensas variaciones de pigmento encontradas en el Violeta Oscuro.
Para complementar el violeta oscuro, considera combinarlo 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 vibración 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 la atención, creando tensión con los tonos fríos del violeta oscuro.
- Verde Menta (#ADEBB3): Esto crea una vibración pastel que resta profundidad al violeta oscuro, llevando a una combinación desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Deslumbrante Ciruela
Brote Vivo
Neón Vivo
Comprobador de contraste
Contraste 6,56
- Texto largo
#9400D3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,2
- Texto largo
#9400D3
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #9400D3, también llamado 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) |