El magenta oscuro es un tono rico y profundo que mezcla púrpura y rosa, evocando un ambiente dramático y audaz. Se sitúa entre el violeta y el rojo en la rueda de colores. Tonos relacionados incluyen el tono magenta profundo y el púrpura-rosa oscuro. Úsalo para añadir un toque de sofisticación en proyectos de moda o diseño gráfico.

El magenta 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: #8B008B
- Valor RGB: 54.5% rojo, 0.0% verde, 54.5% 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 magenta oscuro, considera:
- Fucsia (#FF00FF): Brillante y audaz, el fucsia comparte la viveza e intensidad del magenta oscuro, con ambos colores presentando fuertes tonos púrpura-rosa que destacan prominentemente.
- Púrpura (#9D00FF): El púrpura refleja el rico tono magenta del magenta oscuro, ofreciendo un tono profundo y saturado que combina la intensidad de los rojos y azules, similar al púrpura-rosa oscuro.
- Ciruela (#8E4585): La ciruela ofrece una variación más profunda y apagada que se alinea con la vibra lujosa y sofisticada del magenta oscuro, manteniendo la elegancia de un tono magenta oscuro.
- Magenta (#FD3DB5): Con un tono ligeramente más claro pero igualmente vibrante, el magenta se asemeja estrechamente al magenta oscuro al encarnar un color púrpura-rosa rico e impactante que atrae la atención.
Para complementar el magenta oscuro, considera emparejarlo con:
- Salvia (#BBB791): Este verde suave y apagado proporciona un equilibrio calmado a la intensidad del magenta oscuro, realzando su rico tono magenta sin sobrecargarlo.
- Verde menta (#ADEBB3): La calidad fresca y vibrante del verde menta añade un contraste ligero al magenta oscuro, creando una combinación de colores energética y dinámica perfecta para una paleta de colores vibrante.
- Amarillo mostaza (#FFCE1B): El amarillo mostaza introduce un tono cálido y terroso que contrasta hermosamente con el magenta oscuro, destacando su profundo tono magenta mientras añade una energía vivaz a cualquier diseño.
- Azul polvo (#B8E3E9): La vibra suave y sutil del azul polvo complementa la audacia del magenta oscuro, ofreciendo un equilibrio armonioso que funciona bien en entornos de diseño gráfico.
- Melocotón (#FFD3AC): Este tono cálido y suave crea una combinación juguetona pero elegante con el magenta oscuro, haciéndolo ideal para esquemas de color de diseño de interiores que se centran en un aspecto sofisticado.
Aunque el magenta oscuro es un tono magenta profundo y rico, puede chocar con:
- Verde oliva (#636B2F): Los tonos apagados y terrosos del verde oliva pueden atenuar la energía vibrante del magenta oscuro, creando una paleta de colores desequilibrada.
- Cinabrio (#E84B3D): El tono rojo-naranja audaz del cinabrio compite directamente con la intensidad del magenta oscuro, llevando a una combinación visualmente abrumadora.
- Azul bebé (#8FD9FB): La suavidad y ligereza del azul bebé se sienten fuera de lugar junto al tono magenta audaz y profundo, causando un contraste discordante.
- Coral (#FF8559): El brillo cálido y alegre del coral puede entrar en conflicto con el tono más dramático y serio del magenta profundo.
- Verde lima (#89F336): La brillantez y viveza del verde lima hacen que compita agresivamente con el magenta oscuro, formando una combinación visualmente caótica.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Orchid Grove
Magenta Grove
Vivid Prism
Comprobador de contraste
Contraste 8,5
- Texto largo
#8B008B
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,47
- Texto largo
#8B008B
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #8B008B, también llamado Magenta oscuro, tiene valores RGB de R:139, G:0, B:139 y valores CMYK de C:0, M:100, Y:0, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #8B008B | #8B008B |
| RGB DECIMAL | 139, 0, 139 | RGB(139,0,139) |
| RGB PERCENTAGE | 54.5, 0.0, 54.5 | RGB(54.5%,0.0%,54.5%) |
| CMYK | 0, 100, 0, 45 | |
| HSL | HSL(300.0, 100.0%, 27.3%) | HSL(300.0, 100.0%, 27.3%) |
| HSV (OR HSB) | 300.0°, 100.0, 54.5 | |
| WEB SAFE | #1530153 | #1530153 |
| BINARY | 10001011, 00000000, 10001011 | |
| iOS - SwiftUI | Color(red: 0.545, green: 0.000, blue: 0.545) | |
| iOS - UIKit | UIColor(red: 0.545, green: 0.000, blue: 0.545, alpha: 1) | |
| Android - Compose | Color(0xFF8B008B) |