El verde jade, ubicado en el centro de la región verde en el círculo cromático, es un tono de matiz frío que encarna lujo y sofisticación, recordando a la preciosa piedra de jade. Comparte las cualidades rejuvenecedoras del verde con un toque de calma de su influencia azul.
El verde jade se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #00BB77
- Valor RGB: 0% rojo, 73.3% verde y 46.7% 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 verde jade en tus diseños:
- Mejora las microinteracciones. Usa el verde jade para añadir pulido a tu interfaz y mejorar la experiencia del usuario. Por ejemplo, un sutil resplandor verde jade sobre un icono puede indicar que es clicable al pasar el cursor.
- Crea una atmósfera lujosa. La conexión del verde jade con el lujo es ideal para marcas que promueven productos de alta gama. Combínalo con neutros sofisticados como el negro o el gris para una interfaz elegante.
- Significa éxito. Dado que los usuarios a menudo asocian el verde con el logro, es un tono útil para indicar la finalización de tareas. Por ejemplo, una casilla de verificación verde jade en un formulario o una notificación de confirmación verde jade puede indicar visualmente a los usuarios que han ingresado la información correcta.
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 frío que el verde jade, considera:
- Verde claro (#88E788) parece más suave y evoca una sensación similar de tranquilidad.
- Verde pastel (#80EF80) comparte un tono similar con más matices verdes.
- Turquesa (#40E0D0) parece más azul con las mismas cualidades rejuvenecedoras.
- Verde esmeralda (#00674F) es un tono joya con más influencia verde pero comparte una sensación lujosa similar.
Para complementar el verde jade, considera combinarlo con:
- Amarillo claro (#FFFFC5) complementa la frescura del verde jade para una combinación de colores fresca y alegre.
- Amaranto (#E83256) contrasta con los tonos joya del verde jade para un esquema de color vibrante pero equilibrado.
- Celadón (#A8DCAB) crea la paleta de colores monocromáticos perfecta para una sensación refrescante y armoniosa.
- Topo (#54463A) añade profundidad, creando una atmósfera sofisticada y equilibrada.
- Rosa suave (#E89EB8) crea una combinación de colores caprichosa y primaveral.
Otros colores que vale la pena considerar incluyen dorado para una paleta glamorosa, azul marino para una combinación clásica, y plateado para una sensación moderna.
Aunque el verde jade es sereno, puede chocar con:
- Verde oliva (#636B2F) puede inclinarse demasiado hacia el amarillo y parecer apagado junto a la frescura del verde jade.
- Rosa neón (#FF13F0) puede dominar la naturaleza serena y calmante del verde jade.
- Verde lima (#89F336) parece visualmente dominante y puede competir por la atención junto al verde jade.
- Naranja neón (#FF5C00) puede crear un contraste fuerte que puede sentirse abrumador junto al verde jade.
Al igual que la preciosa piedra de jade, el verde jade simboliza lujo, sofisticación y abundancia. También lleva connotaciones de crecimiento y estabilidad.
En la psicología del color, el verde jade promueve sentimientos de rejuvenecimiento, paz y tranquilidad. También posee cualidades edificantes, promoviendo nuevos comienzos y nuevos inicios.
En el diseño de UI, el verde jade es una buena opción para significar estados de éxito debido a su capacidad para despertar un sentido de logro entre los usuarios. También es una gran opción de color para marcas que buscan elevar sus diseños y crear una interfaz de usuario lujosa y sofisticada.
La piedra de jade, altamente valorada, ha sido apreciada durante siglos y utilizada por muchas civilizaciones diferentes, desde los maoríes en Nueva Zelanda hasta la antigua China y las culturas mesoamericanas. Se ha utilizado en tallados, ceremonias espirituales, joyería y armamento, a menudo llevando conexiones con la riqueza, la protección, la buena suerte y la curación.
No fue hasta el siglo XIX que el verde jade se registró como un nombre de color, refiriéndose al tono de la gema. Hoy en día, muchas culturas utilizan el verde jade en arte, joyería, moda y diseños.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Jadeado
Calor de la jungla
Metrópolis
Comprobador de contraste
Contraste 2,51
- Texto largo
#00BB77
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 8,37
- Texto largo
#00BB77
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00bb77, también llamado Verde jade, tiene valores RGB de R:0, G:187, B:119 y valores CMYK de C:100, M:0, Y:36, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #00bb77 | #00bb77 |
| RGB DECIMAL | 0, 187, 119 | RGB(0,187,119) |
| RGB PERCENTAGE | 0.0, 73.3, 46.7 | RGB(0.0%,73.3%,46.7%) |
| CMYK | 100, 0, 36, 27 | |
| HSL | HSL(158.2, 100.0%, 36.7%) | HSL(158.2, 100.0%, 36.7%) |
| HSV (OR HSB) | 158.2°, 100.0, 73.3 | |
| WEB SAFE | #0204102 | #0204102 |
| BINARY | 00000000, 10111011, 01110111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.733, blue: 0.467) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.733, blue: 0.467, alpha: 1) | |
| Android - Compose | Color(0xFF00BB77) |