Saltar al contenido principal

Verde jade

Todo lo que necesitas saber sobre el verde jade para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El verde jade, ubicado en el centro de la región verde en el círculo cromático, es un tono 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.

color Verde jadecolor Verde jade

El verde jade se define por los siguientes códigos y valores de color para asegurar consistencia en diversas plataformas y dispositivos digitales.

  • Código HEX: #00BB77
  • Valor RGB: 0% rojo, 73.3% verde y 46.7% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

Aquí hay algunas formas de usar el verde jade en tus diseños:

  • Mejorar micro-interacciones. Usa el verde jade para añadir elegancia a tu interfaz y mejorar la experiencia del usuario. Por ejemplo, un sutil resplandor verde jade sobre un ícono puede indicar que es clickeable al pasar el cursor.
  • Crear 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 negro o gris para una interfaz elegante.
  • Significar é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 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 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 oro para una paleta glamorosa, azul marino para una combinación clásica, y plata para una sensación moderna.

Aunque el verde jade es sereno, puede chocar con:

  • Verde oliva (#636B2F) puede inclinarse demasiado hacia el amarillo y verse 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 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 renovaciones.

En el diseño de interfaces, 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 excelente 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, protección, buena suerte y sanació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

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Jadeado

Calor de la jungla

Metrópolis

Verificador de contraste

Contraste 2,51

Texto grande

#00BB77

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #00BB77 en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 8,37

Texto grande

#00BB77

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #00BB77 en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #00bb77, también conocido como Verde jade, tiene valores RGB de R:0, G:187, B:119 y valores CMYK de C:100, M:0, Y:36, K:27.

VALUECSS
HEX#00bb77#00bb77
RGB DECIMAL0, 187, 119RGB(0,187,119)
RGB PERCENTAGE0.0, 73.3, 46.7RGB(0.0%,73.3%,46.7%)
CMYK100, 0, 36, 27
HSLHSL(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
BINARY00000000, 10111011, 01110111
iOS - SwiftUIColor(red: 0.000, green: 0.733, blue: 0.467)
iOS - UIKitUIColor(red: 0.000, green: 0.733, blue: 0.467, alpha: 1)
Android - ComposeColor(0xFF00BB77)
Crear paleta de colores