Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el granate?
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 morado 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 diversas 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 la elección de colores en el diseño de UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de incorporar el granate en diseños de interfaces:
- 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 destacar 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 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 profundo que el granate, considera:
- Burdeos (#660033) es similar pero tiene un matiz más purpúreo, dándole una apariencia más brillante.
- Claret (#7F1734) tiene un matiz similar al de un vaso de vino tinto claret, con tonos de bayas.
- Rojo carmesí (#B22222) tiene tonos azules que lo hacen un poco más vibrante.
- Bordeaux (#4C1C24) es un tono profundo de rojo oscuro con un ligero tinte 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 tonos 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 tonos 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 tonos cálidos también pueden traer sensaciones de confort, creando un ambiente acogedor e invitante.
En el diseño de interfaces, 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Cabaret nocturno
Bosque de palo de rosa
Interior de furgoneta de los 70
Verificador de contraste
Contraste 15,15
- Texto grande
#550000
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 1,39
- Texto grande
#550000
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #550000, también conocido como 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) |
