La ciruela es un morado profundo y rico, que mezcla rojo con un toque de marrón. Situado entre el morado y el marrón en la rueda de colores, evoca sofisticación y calidez. Tonos relacionados incluyen el vino y la berenjena. Usa la ciruela para añadir elegancia o un toque de dramatismo a tus diseños, especialmente en composiciones minimalistas.
La ciruela se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #8E4585
- Valor RGB: 55.7% rojo, 27.1% verde, 52.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Para variaciones dentro del mismo espectro que la ciruela, considera:
- Berenjena (#372528): La berenjena imita los tonos oscuros y ricos de la ciruela con su mezcla profunda de marrón purpúreo, creando una intensidad dramática.
- Burdeos (#660033): El burdeos ofrece una profundidad y elegancia comparables, infundiendo tonos de rojo oscuro y morado como los de una ciruela madura.
- Morado Oscuro (#341539): El morado oscuro captura el ambiente melancólico de la ciruela con su morado profundo y exuberante, evocando riqueza y un sentido de misterio.
- Rojo Oscuro (#950606): El rojo oscuro comparte una profundidad y calidez similares con sus tonos profundos y ricos, reflejando la apariencia opulenta de la ciruela.
Para complementar la ciruela, considera combinarla con:
- Verde Menta (#ADEBB3): Este color introduce un contraste refrescante, realzando la riqueza de la ciruela mientras mantiene un equilibrio armonioso.
- Oro (#EFBF04): El oro añade un toque de lujo y calidez, creando una combinación sofisticada con los tonos profundos de la ciruela.
- Crema (#FDFBD4): Como base neutral, la crema permite que la ciruela brille y proporciona un equilibrio sutil y elegante a la paleta de colores.
- Amarillo Claro (#FFFFC5): Este tono suave y soleado aporta brillo a la profundidad de la ciruela, ofreciendo una combinación alegre y equilibrada.
Otros colores que vale la pena considerar incluyen el plateado para un aspecto moderno y elegante, el coral para un contraste animado, y el azul marino para una combinación clásica y audaz.
Aunque la ciruela es profunda y rica, puede chocar con:
- Verde Neón (#2CFF05): Su brillo intenso eclipsa a la ciruela, resultando en un contraste sorprendente.
- Escarlata (#ED2100): La calidez vívida del escarlata entra en conflicto con la profundidad fría de la ciruela, haciendo que la combinación sea desequilibrada.
- Amarillo Oscuro (#BA8E23): Este tono terroso enturbia la calidad regia de la ciruela, creando un aspecto desarmonioso.
- Naranja Brillante (#FF991C): La vibrante energía del naranja brillante compite con la ciruela, llevando a una tensión visual.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Cascada de Ciruela
Destino Vívido
Espejismo de Pétalos
Comprobador de contraste
Contraste 6,29
- Texto largo
#8E4585
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,34
- Texto largo
#8E4585
- 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 #8e4585, también llamado Ciruela, tiene valores RGB de R:142, G:69, B:133 y valores CMYK de C:0, M:51, Y:6, K:44.
| VALUE | CSS | |
|---|---|---|
| HEX | #8e4585 | #8e4585 |
| RGB DECIMAL | 142, 69, 133 | RGB(142,69,133) |
| RGB PERCENTAGE | 55.7, 27.1, 52.2 | RGB(55.7%,27.1%,52.2%) |
| CMYK | 0, 51, 6, 44 | |
| HSL | HSL(307.4, 34.6%, 41.4%) | HSL(307.4, 34.6%, 41.4%) |
| HSV (OR HSB) | 307.4°, 51.4, 55.7 | |
| WEB SAFE | #15351153 | #15351153 |
| BINARY | 10001110, 01000101, 10000101 | |
| iOS - SwiftUI | Color(red: 0.557, green: 0.271, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.557, green: 0.271, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFF8E4585) |