El amaranto es un tono frío que se encuentra entre el rojo y el violeta en el círculo cromático. Nombrado por la flor de amaranto, equilibra la pasión y energía del rojo con el lujo y la creatividad asociados al púrpura.
El amaranto se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #E83256
- Valor RGB: 91% rojo, 19.6% verde y 33.7% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en 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.
Aquí hay algunas formas de usar el amaranto en tus diseños:
- Atraer atención. La vibrante tonalidad del amaranto lo hace perfecto para acentos llamativos como botones de llamada a la acción o banners promocionales.
- Evocar emociones fuertes. El rojo vibrante del amaranto añade pasión y energía a los diseños, mientras que sus matices violetas ofrecen equilibrio.
- Crear contraste. Combina el amaranto con tonos neutros o azul-verdes complementarios para crear un contraste visual impactante que mejora la legibilidad y el atractivo estético de tu diseño.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro violeta-rojo que el amaranto, considera:
- Rojo rosa (#FA003F) es un tono más brillante y frío, ofreciendo un color más rosado.
- Cereza (#D20A2E) se inclina más hacia el lado rojo, con un toque de matiz azul.
- Rojo carmesí (#B22222) es un rojo audaz y saturado con un toque de frescura.
- Rojo ladrillo (#C04657) incorpora un matiz naranja, creando una sensación más apagada y rústica.
Para complementar el amaranto, considera combinarlo con:
- Rosa claro (#FFB5C0) calma la vibrante tonalidad del amaranto, creando una sensación dulce y juguetona.
- Champán (#F7E6CA) proporciona un fondo cálido y sofisticado, permitiendo que el amaranto brille.
- Pistacho (#84B067) es un verde suave que contrasta con los tonos rojos del amaranto.
- Aqua (#00FFF0) es un azul-verde brillante que crea una combinación juguetona.
Otros colores que vale la pena considerar incluyen azul marino para un aspecto sofisticado, lavanda para un toque de fantasía, e ivory para una elegancia atemporal.
Aunque el amaranto es audaz, puede chocar con:
- Amarillo-verde (#CCFF00) crea un contraste desequilibrado cuando se combina con el amaranto.
- Vermellón (#E73121) es otro rojo intenso, creando una combinación redundante.
- Naranja quemado (#BE5103) tiene unacalidez que choca con los tonos fríos del amaranto, resultando en un aspecto desarmonioso.
- Púrpura oscuro (#341539) tiene una oscuridad similar que puede hacer que el diseño parezca turbio.
- Fucsia (#FF00FF) es un color violeta brillante que carece de contraste cuando se combina con el amaranto.
Inspirado por la vibrante flor de amaranto, el color amaranto simboliza la inmortalidad y el amor eterno. Muchas culturas usan el amaranto para decorar coronas y memoriales, expresando afecto y recuerdo duraderos.
En la psicología del color, el amaranto equilibra la intensidad del rojo con la naturaleza calmante del violeta. Puede evocar sentimientos de pasión, creatividad y fortaleza.
En el diseño UI, pequeños toques de amaranto pueden añadir estallidos de energía y atraer la atención a características clave. Combina bien con neutros como cremas y blanco, pero también puede combinarse con colores complementarios como verde o azul para un contraste juguetón.
El color amaranto, derivado de la palabra griega para “inmarchitable”, toma su nombre de la flor de amaranto. Los griegos creían que florecía para siempre y era inmortal. Se usaba en obras de arte y decoraciones alrededor de los dioses en el Monte Olimpo.
Las técnicas para hacer un tinte de color similar al amaranto surgieron durante el Renacimiento en 1671 para teñir lana. Estos métodos requerían una combinación especial de un carmesí desaturado y tinte azul para producir el tono más claro de amaranto que conocemos hoy.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Rosa Real
Granizado de Sandía
Desfile de Moda
Comprobador de contraste
Contraste 4,18
- Texto largo
#E83256
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 5,02
- Texto largo
#E83256
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #e83256, también llamado Amaranto, tiene valores RGB de R:232, G:50, B:86 y valores CMYK de C:0, M:78, Y:63, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #e83256 | #e83256 |
| RGB DECIMAL | 232, 50, 86 | RGB(232,50,86) |
| RGB PERCENTAGE | 91.0, 19.6, 33.7 | RGB(91.0%,19.6%,33.7%) |
| CMYK | 0, 78, 63, 9 | |
| HSL | HSL(348.1, 79.8%, 55.3%) | HSL(348.1, 79.8%, 55.3%) |
| HSV (OR HSB) | 348.1°, 78.4, 91.0 | |
| WEB SAFE | #25551102 | #25551102 |
| BINARY | 11101000, 00110010, 01010110 | |
| iOS - SwiftUI | Color(red: 0.910, green: 0.196, blue: 0.337) | |
| iOS - UIKit | UIColor(red: 0.910, green: 0.196, blue: 0.337, alpha: 1) | |
| Android - Compose | Color(0xFFE83256) |
