Saltar al contenido principal

Bermellón

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

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El bermellón es un tono rico y vibrante de rojo con cualidades cálidas y energéticas. Al igual que otros tonos de rojo, el bermellón simboliza fuerza, pasión y amor, mientras lleva connotaciones de peligro y poder.

color Bermellóncolor Bermellón

El bermellón se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.

  • Código HEX: #E73121
  • Valor RGB: 90.6% rojo, 19.2% verde y 12.9% 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 bermellón en tus diseños:

  • Crea emoción. La naturaleza vibrante del bermellón puede energizar un diseño, siendo ideal para aplicaciones de juegos, entretenimiento o fitness.
  • Atrae la atención a elementos clave. Usa el bermellón estratégicamente para resaltar CTAs importantes, notificaciones o elementos interactivos como estados de hover para proporcionar retroalimentación visual.
  • Evoca un sentido de urgencia: La audacia del bermellón crea una sensación de inmediatez y emoción, siendo ideal para resaltar ofertas por tiempo limitado o temporizadores de cuenta regresiva.

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 audaz que el bermellón, considera:

  • Escarlata (#ED2100) es un rojo ardiente con fuerte saturación, evocando pasión y energía.
  • Rojo chili (#CD1C18) presenta un rojo más profundo y terroso con un toque de marrón.
  • Rojo (#FF2C2C) es un rojo puro y vibrante, ofreciendo máximo impacto y atención.
  • Rojo anaranjado (#FF4B33) introduce un toque de naranja, creando un tono más brillante.

Para complementar el bermellón, considera emparejarlo con:

  • Negro azabache (#252525) crea un contraste dramático que resalta la intensidad del bermellón, resultando en un aspecto audaz.
  • Amarillo anaranjado (#FFB343) intensifica la calidez del bermellón, creando una combinación lúdica que evoca sol y emoción.
  • Cobre (#C68346) complementa los tonos ardientes del bermellón, añadiendo profundidad y riqueza.
  • Azul (#0000FF) proporciona un contraste llamativo que crea una combinación dinámica e interesante visualmente.
  • Verde cazador (#2C5F34) ofrece un contrapunto terrenal y equilibrado al bermellón.

Otros colores que vale la pena considerar incluyen tonos neutros como crema o gris para un aspecto más suave o colores complementarios como turquesa para realzar su vibrancia.

Aunque el bermellón es audaz y ardiente, puede chocar con:

  • Amarillo verdoso (#CCFF00) crea un contraste discordante entre tonos cálidos y fríos, resultando en una combinación visualmente dura.
  • Fucsia (#FF00FF) compite con la intensidad del bermellón, creando una experiencia visual caótica y abrumadora.
  • Cian (#00FFFF) ofrece una frialdad contrastante que choca con la calidez del bermellón.
  • Lavanda (#D3D3FF) es demasiado suave para complementar la audacia del bermellón, creando una combinación visualmente poco interesante.
  • Naranja neón (#FF5C00) es demasiado similar al bermellón, creando un efecto turbio.

El bermellón simboliza pasión, energía y emoción. El color tiene un significado cultural en muchas sociedades, representando desde buena fortuna hasta energía espiritual.

En la psicología del color, el bermellón se considera estimulante y llamativo. Evoca sentimientos de calidez, entusiasmo y deseo. Este color ardiente también puede asociarse con importancia.

En el diseño de interfaces, el bermellón puede crear una sensación de emoción y urgencia. Efectivamente atrae la atención a CTAs, resalta el progreso y transmite energía y vitalidad. Sin embargo, es crucial usarlo con moderación para evitar abrumar el diseño.

Los orígenes del bermellón se remontan a las civilizaciones antiguas en China, donde se usaba para propósitos ceremoniales y artísticos.

El pigmento se hacía tradicionalmente a partir de cinabrio, un mineral que contiene sulfuro de mercurio. Debido a su toxicidad, producir bermellón era peligroso, lo que aumentaba su valor.

Diversas culturas han utilizado el bermellón para pintura, escultura y artes decorativas. Su color vívido y significado histórico han asegurado su popularidad. Hoy en día, el bermellón sintético está disponible, eliminando los riesgos para la salud que antes se asociaban con su producción.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Carpa de circo

Ave exótica

Sangría

Verificador de contraste

Contraste 4,32

Texto grande

#E73121

Texto normal

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

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

Contraste 4,86

Texto grande

#E73121

Texto normal

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

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

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #e73121, también conocido como Bermellón, tiene valores RGB de R:231, G:49, B:33 y valores CMYK de C:0, M:79, Y:86, K:9.

VALUECSS
HEX#e73121#e73121
RGB DECIMAL231, 49, 33RGB(231,49,33)
RGB PERCENTAGE90.6, 19.2, 12.9RGB(90.6%,19.2%,12.9%)
CMYK0, 79, 86, 9
HSLHSL(4.8, 80.5%, 51.8%)HSL(4.8, 80.5%, 51.8%)
HSV (OR HSB)4.8°, 85.7, 90.6
WEB SAFE#2555151#2555151
BINARY11100111, 00110001, 00100001
iOS - SwiftUIColor(red: 0.906, green: 0.192, blue: 0.129)
iOS - UIKitUIColor(red: 0.906, green: 0.192, blue: 0.129, alpha: 1)
Android - ComposeColor(0xFFE73121)
Crear paleta de colores