El granate es un tono profundo de rojo con un sutil toque de marrón, que encarna cualidades de fuerza y estabilidad. Se sitúa entre el rojo y el púrpura en el círculo cromático, exudando una sensación de lujo y sofisticación mientras mantiene un ambiente cálido y acogedor.
El granate se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #550000
- Valor RGB: 33.3% rojo, 0% verde y 0% 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 incorporar el granate en diseños UI:
- Transmitir sofisticación. La riqueza del granate y su capacidad para transmitir autoridad son ideales para instituciones académicas o empresas en el ámbito empresarial.
- Resaltar detalles importantes. El granate puede captar la atención sin ser demasiado agresivo, lo que lo convierte en un color ideal para resaltar texto, botones o notificaciones.
- Ofrecer retroalimentación visual. El granate es útil para presentar indicadores visuales, como errores en campos de formulario, estados activos e inactivos en elementos de alternancia o selecciones de usuario.
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 profundo que el granate, considera:
- Burdeos (#660033) es similar pero tiene un matiz más púrpura, dándole una apariencia más brillante.
- Claret (#7F1734) tiene un matiz similar al de una copa de vino tinto claret, con tonos de bayas.
- Rojo carmesí (#B22222) tiene matices azules que lo hacen un poco más vibrante.
- Bordeaux (#4C1C24) es un tono profundo de rojo oscuro con un ligero matiz púrpura.
Para complementar el granate, considera emparejarlo con:
- Verde bosque (#2E6F40) y granate tienen matices naturales y terrosos, creando una paleta de colores armoniosa.
- Azul medianoche (#272757) tiene un matiz azul frío que complementa la calidez del granate, creandoun aspecto sofisticado y atemporal.
- Agua de rosas (#FFD6D1) tiene un matiz rosa suave que añade un toque femenino y romántico.
- Verde salvia (#98A869) complementa los tonos marrones del granate, creando una combinación de colores calmante.
Otros colores que vale la pena considerar incluyen marfil para un contraste limpio y elegante, gris claro para un fondo neutral, o topo para armonizar con los matices marrones del granate.
Aunque el granate es profundo y rico, puede chocar con:
- Turquesa (#40E0D0) tiene una mezcla única de azul y verde que puede chocar con los tonos cálidos del granate.
- Verde lima (#89F336) puede ser visualmente chocante debido a su alta saturación y temperatura fría.
- Rojo (#FF2C2C) es un tono análogo al granate pero puede crear una combinación desagradable debido a su proximidad en el círculo cromático.
- Azul bebé (#8FD9FB) tiene una ligereza que puede crear un contraste desagradable y marcado cuando se combina con el granate.
El granate simboliza sofisticación, sabiduría y pasión. La profundidad y riqueza de este tono también llevan connotaciones de lujo, mientras que la naturaleza terrenal de sus matices marrones simboliza espiritualidad y paz interior.
En la psicología del color, el granate tiene cualidades que evocan sentimientos de confianza, estabilidad y un impulso hacia el éxito. Sus matices cálidos también pueden traer sensaciones de confort, creando un ambiente acogedor e invitante.
En el diseño UI, el granate aporta elegancia y autoridad, haciéndolo ideal para marcas que desean proyectar lujo. Ayuda a resaltar elementos importantes y mejorar la experiencia del usuario al proporcionar retroalimentación visual.
El granate apareció por primera vez en inglés alrededor de 1789, tomando su nombre de la palabra francesa “marron”, que significa “castaña”. En la Edad Media, la realeza a menudo vestía de granate porque simbolizaba poder y realeza. También se convirtió en un color prominente del “dhonka” usado por los monjes tibetanos, incluido el Dalai Lama, simbolizando sabiduría y espiritualidad.
Hoy en día, el granate sigue siendo popular en la moda de alta gama, el arte y el diseño por sus cualidades cálidas y acogedoras y su capacidad para hacer una declaración audaz.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Cabaret nocturno
Bosque de palo de rosa
Interior de furgoneta de los 70
Comprobador de contraste
Contraste 15,15
- Texto largo
#550000
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 1,39
- Texto largo
#550000
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #550000, también llamado Granate, tiene valores RGB de R:85, G:0, B:0 y valores CMYK de C:0, M:100, Y:100, K:67.
| VALUE | CSS | |
|---|---|---|
| HEX | #550000 | #550000 |
| RGB DECIMAL | 85, 0, 0 | RGB(85,0,0) |
| RGB PERCENTAGE | 33.3, 0.0, 0.0 | RGB(33.3%,0.0%,0.0%) |
| CMYK | 0, 100, 100, 67 | |
| HSL | HSL(0.0, 100.0%, 16.7%) | HSL(0.0, 100.0%, 16.7%) |
| HSV (OR HSB) | 0.0°, 100.0, 33.3 | |
| WEB SAFE | #10200 | #10200 |
| BINARY | 01010101, 00000000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.333, green: 0.000, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.333, green: 0.000, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF550000) |
