Saltar al contenido principal

Amaranto

Todo lo que necesitas saber sobre el amaranto para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

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 morado.

color Amarantocolor Amaranto

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

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.

Aquí hay algunas formas de usar el amaranto en tus diseños:

  • Llamar la atención. La vibrante tonalidad del amaranto lo hace perfecto para acentos llamativos como botones de CTA 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 azules verdosos complementarios para crear un contraste visual impactante que mejore la legibilidad y el atractivo estético de tu diseño.

Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

Para variaciones dentro del mismo espectro rojo-violeta 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 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 verdoso brillante que crea una combinación divertida.

Otros colores que vale la pena considerar incluyen azul marino para un aspecto sofisticado, lavanda para un toque de fantasía, y marfil 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.
  • Bermelló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.
  • Morado 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 utilizan 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 de interfaces, pequeños toques de amaranto pueden añadir 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 divertido.

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 utilizaba en obras de arte y decoraciones que rodeaban a los dioses en el Monte Olimpo.

Técnicas para hacer un tinte similar al color 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 un tinte azul para producir el tono más claro de amaranto que conocemos hoy.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Rosa Real

Granizado de Sandía

Desfile de Moda

Verificador de contraste

Contraste 4,18

Texto grande

#E83256

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #E83256 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Aprobado
Desaprobado
Aprobado
Desaprobado

Contraste 5,02

Texto grande

#E83256

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #E83256 en un fondo #000000.
Categoría
Aprobado
Desaprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #e83256, también conocido como Amaranto, tiene valores RGB de R:232, G:50, B:86 y valores CMYK de C:0, M:78, Y:63, K:9.

VALUECSS
HEX#e83256#e83256
RGB DECIMAL232, 50, 86RGB(232,50,86)
RGB PERCENTAGE91.0, 19.6, 33.7RGB(91.0%,19.6%,33.7%)
CMYK0, 78, 63, 9
HSLHSL(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
BINARY11101000, 00110010, 01010110
iOS - SwiftUIColor(red: 0.910, green: 0.196, blue: 0.337)
iOS - UIKitUIColor(red: 0.910, green: 0.196, blue: 0.337, alpha: 1)
Android - ComposeColor(0xFFE83256)
Crear paleta de colores