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.
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
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 Contenidos Web.
Aquí hay algunas formas de usar el bermellón en tus diseños:
- Crea algo de emoción. La naturaleza vibrante del bermellón puede energizar un diseño, haciéndolo 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 una sensación de urgencia: La audacia del bermellón crea una sensación de inmediatez y emoción, haciéndolo ideal para resaltar ofertas por tiempo limitado o temporizadores de cuenta regresiva.
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 audaz que el bermellón, considera:
- Escarlata (#ED2100) es un rojo ardiente con fuerte saturación, evocando pasión y energía.
- Rojo chile (#CD1C18) presenta un rojo más profundo y terroso con un toque de marrón.
- Rojo (#FF2C2C) es un rojo puro y vibrante, ofreciendo un impacto y atención máximos.
- 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 atrevido.
- Amarillo anaranjado (#FFB343) intensifica la calidez del bermellón, creando una combinación juguetona 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 vibración.
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 diseño de UI, 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 su 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 una vez se asociaron con su producción.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Carpa de circo
Ave exótica
Sangría
Comprobador de contraste
Contraste 4,32
- Texto largo
#E73121
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Contraste 4,86
- Texto largo
#E73121
- 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 #e73121, también llamado Bermellón, tiene valores RGB de R:231, G:49, B:33 y valores CMYK de C:0, M:79, Y:86, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #e73121 | #e73121 |
| RGB DECIMAL | 231, 49, 33 | RGB(231,49,33) |
| RGB PERCENTAGE | 90.6, 19.2, 12.9 | RGB(90.6%,19.2%,12.9%) |
| CMYK | 0, 79, 86, 9 | |
| HSL | HSL(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 |
| BINARY | 11100111, 00110001, 00100001 | |
| iOS - SwiftUI | Color(red: 0.906, green: 0.192, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 0.906, green: 0.192, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFFE73121) |
