Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el pistacho?
El pistacho se encuentra en la sección de verdes cálidos de la rueda de colores, inclinándose ligeramente hacia el amarillo. Este color encarna el tono de las nueces de pistacho, evocando una sensación de frescura y crecimiento. Su influencia amarilla añade un toque alegre.
El pistacho se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #84B067
- Valor RGB: 51.8% rojo, 69% verde y 40.4% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores en el diseño de UX e interfaces. 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 usar el pistacho en tus diseños:
- Crea un ambiente relajante. Las cualidades relajantes del pistacho funcionan bien para aplicaciones y sitios web que desean crear un entorno sereno, como aplicaciones de sueño o meditación.
- Señala el éxito. El pistacho puede ser un indicador visual para informar a los usuarios de una acción completada o un logro. Por ejemplo, usa pistacho para barras de progreso que representen el avance hacia un objetivo o para marcas de verificación cuando un usuario completa un formulario o tarea.
- Diseña una interfaz inspirada en la naturaleza. Cuando se combina con otros tonos de verde y colores naturales como el marrón, el pistacho crea una paleta de colores natural y orgánica, perfecta para aplicaciones relacionadas con la salud, la comida o el medio ambiente.
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 fresco que el pistacho, considera:
- Celadón (#A8DCAB) se inclina más hacia el azul con cualidades calmantes similares.
- Verde salvia (#98A869) comparte la misma apariencia apagada con más influencia amarilla.
- Verde musgo (#7E8C54) es un poco más oscuro con un tono terroso similar.
- Verde jade (#00BB77) tiene una frescura similar con matices turquesa.
Para complementar el pistacho, considera combinarlo con:
- Glauco (#678DC6) tiene una apariencia apagada similar, creando un ambiente calmante y refrescante.
- Lila (#A47DAB) complementa al pistacho para un aspecto suave y romántico.
- Crema (#FDFBD4) ofrece una base cálida y suave, permitiendo que el pistacho resalte.
- Verde menta (#ADEBB3) comparte cualidades rejuvenecedoras similares, creando una paleta monocromática.
- Chocolate (#713600) añade profundidad y riqueza cuando se combina con pistacho.
Otros colores que vale la pena considerar incluyen gris para un aspecto moderno, rosa rubor para una combinación juguetona, y blanco para crear un ambiente limpio y aireado.
Aunque el pistacho es suave y apagado, puede chocar con:
- Naranja neón (#FF5C00) es altamente saturado y vibrante, interrumpiendo la suavidad del pistacho.
- Fucsia (#FF00FF) crea un contraste fuerte y abrumador.
- Rojo (#FF2C2C) puede parecer visualmente chocante y dificultar que aquellos con deficiencia de visión de color distingan un color del otro.
- Amarillo verdoso (#CCFF00) puede parecer demasiado intenso junto al pistacho, opacando su tono apagado.
El pistacho simboliza frescura, crecimiento y vitalidad. Su tono suave y apagado también lleva connotaciones de equilibrio y tranquilidad.
En la psicología del color, la energía rejuvenecedora del pistacho y su influencia amarilla promueven sentimientos de optimismo, alegría y nuevos comienzos. También puede evocar una sensación de limpieza y pureza debido a sus cualidades ligeras y aireadas.
En el diseño de interfaces, el pistacho es útil para significar éxito dentro de una interfaz, dando a los usuarios una señal visual de que han logrado algo. También es excelente para crear una paleta de colores calmante e inspirada en la naturaleza.
Los pistachos son una nuez nativa de Asia Central. Provienen de las semillas de los árboles de pistacho y prosperan en climas secos y cálidos. Son conocidos por su sabor único y su distintivo color verde y púrpura. En muchas culturas, los pistachos eran considerados un artículo de lujo. En la antigua Persia, los pistachos eran un artículo de lujo, simbólico de poder y riqueza. En China, los pistachos eran conocidos como “nueces felices”, representando salud y felicidad.
Hoy en día, el color pistacho tiene un significado similar, evocando una sensación de vitalidad y bienestar. No solo han inspirado deliciosos platos culinarios, sino que su tono único y refrescante ha influido en paletas de colores en la moda, el arte y el diseño.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Caminata en la montaña
Alta costura
Helado de pistacho
Verificador de contraste
Contraste 2,5
- Texto grande
#84B067
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 8,39
- Texto grande
#84B067
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #84b067, también conocido como Color pistacho, tiene valores RGB de R:132, G:176, B:103 y valores CMYK de C:25, M:0, Y:41, K:31.
| VALUE | CSS | |
|---|---|---|
| HEX | #84b067 | #84b067 |
| RGB DECIMAL | 132, 176, 103 | RGB(132,176,103) |
| RGB PERCENTAGE | 51.8, 69.0, 40.4 | RGB(51.8%,69.0%,40.4%) |
| CMYK | 25, 0, 41, 31 | |
| HSL | HSL(96.2, 31.6%, 54.7%) | HSL(96.2, 31.6%, 54.7%) |
| HSV (OR HSB) | 96.2°, 41.5, 69.0 | |
| WEB SAFE | #153153102 | #153153102 |
| BINARY | 10000100, 10110000, 01100111 | |
| iOS - SwiftUI | Color(red: 0.518, green: 0.690, blue: 0.404) | |
| iOS - UIKit | UIColor(red: 0.518, green: 0.690, blue: 0.404, alpha: 1) | |
| Android - Compose | Color(0xFF84B067) |
