Círculo cromático de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el verde esmeralda?
El verde esmeralda es un color lujoso y sofisticado caracterizado por sus profundos matices azul verdosos. Situado entre azul y verde en el círculo cromático, esta tonalidad rica y de joya exuda opulencia y vitalidad. Captura la esencia de la exuberancia y la elegancia, transmitiendo una sensación de lujo y riqueza.
El verde esmeralda se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #00674F
- Valor RGB: 0% rojo, 40.4% verde y 31% 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.
El verde esmeralda puede ser una herramienta poderosa en el diseño de interfaces cuando se usa con cuidado. Aquí te mostramos cómo:
- Resalta el lujo y la sofisticación. El verde esmeralda, que simboliza riqueza y refinamiento, es perfecto para sitios web o aplicaciones de marcas de lujo. Úsalo en encabezados, pies de página o como color de acento para infundir a los diseños una sensación de exclusividad.
- Enfócate en aplicaciones financieras y ecológicas. Con asociaciones a la prosperidad y la naturaleza, el verde esmeralda es ideal para interfaces relacionadas con finanzas y plataformas ecológicas.
- Destaca características importantes. Usa el verde esmeralda para llamar la atención sobre características clave o botones de llamada a la acción. Su viveza contra fondos más sobrios puede guiar a los usuarios hacia interacciones importantes.
- Equilibra con oro o crema para elegancia. Combina el verde esmeralda con acentos dorados para un aspecto regio o crema para una elegancia más discreta. Estas combinaciones pueden elevar el atractivo visual de tu interfaz, haciéndola sentir más exclusiva y acogedora.
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 exuberante y vibrante que el verde esmeralda, considera:
- Verde jade (#00A86B) comparte la calidad profunda y rica del verde esmeralda con un tono ligeramente más brillante, evocando la elegancia natural de la piedra preciosa.
- Verde petróleo (#069494) combina las cualidades calmantes del azul con la esencia refrescante del verde, ofreciendo una alternativa más fresca que permanece cerca de la viveza del verde esmeralda.
- Verde pino (#01796F) es más oscuro y sobrio, evocando los bosques profundos y proporcionando un contrapunto natural y terroso al brillo del verde esmeralda.
- Verde mar (#2E8B57) introduce un tono más claro y suave, manteniendo la vibrancia natural mientras ofrece un enfoque más suave a la brillantez llamativa del verde esmeralda.
Para complementar los tonos regios del verde esmeralda, considera emparejarlo con:
- Oro (#EFBF04) añade un toque brillante de opulencia, creando un contraste lujoso que resalta la riqueza del verde esmeralda.
- Crema (#FDFBD4) proporciona un fondo suave y cálido que permite que la profundidad del verde esmeralda se destaque, ofreciendo una paleta clásica y refinada.
- Azul marino (#000080) ofrece un contraste profundo y sofisticado, amplificando la elegancia natural del verde esmeralda en una paleta inspirada en las profundidades de la tierra.
- Naranja quemado (#BE5103) aporta un contraste cálido y vibrante, añadiendo una riqueza otoñal que complementa la exuberancia del verde esmeralda.
- Rosa suave (#FADADD) añade un toque delicado y femenino, creando una mezcla armoniosa que suaviza la intensidad del verde esmeralda con un susurro de color.
Otros colores que vale la pena considerar incluyen gris carbón para un aspecto moderno y elegante, lavanda para un contraste suave y caprichoso, y blanco brillante para un complemento nítido y limpio que realza la vibrancia natural del verde esmeralda.
Aunque el verde esmeralda es versátil, puede chocar con:
- Amarillo brillante (#FFFF00) puede ser demasiado fuerte contra el verde esmeralda, abrumando su sofisticación natural con un contraste vibrante y marcado.
- Azul (#0000FF) presenta un contraste demasiado saturado que puede restar elegancia orgánica al verde esmeralda, llevando a una combinación visualmente discordante.
- Rosa fuerte (#FF69B4), aunque animado, puede chocar con el verde esmeralda al competir por la atención visual, creando una paleta demasiado vibrante y potencialmente inquietante.
- Rojo brillante (#FF0000) ofrece una combinación clásica navideña, pero fuera de contextos estacionales, puede ser demasiado audaz y contrastante, eclipsando la belleza refinada del verde esmeralda.
- Morado oscuro (#800080), aunque regio, puede abrumar el equilibrio del verde esmeralda con su intensidad, llevando a una paleta pesada y menos armoniosa.
El verde esmeralda a menudo se asocia con la renovación, la prosperidad, la regeneración y el crecimiento. Vinculado a la preciosa gema esmeralda, encarna riqueza, lujo y exclusividad. Sus ricos matices lo convierten en un símbolo de estatus y prestigio.
En la psicología del color, el verde esmeralda puede promover el equilibrio y la armonía, creando entornos que fomentan el bienestar y la tranquilidad.
En el diseño de UI/UX, el verde esmeralda exuda sofisticación y alta calidad, haciéndolo ideal para marcas premium y productos que promueven la salud, el bienestar y la conciencia ambiental.
Desde el antiguo Egipto, la gema esmeralda fue venerada como símbolo de vida eterna. El color "verde esmeralda" apareció formalmente en 1814, y artistas renombrados como Monet, Cezanne y Van Gogh celebraron su viveza en muchas de sus obras. Sin embargo, el pigmento original era tóxico y su uso fue prohibido en la mayor parte de Europa en la década de 1880. Eventualmente, y afortunadamente, alternativas seguras y no tóxicas aseguraron el mismo color vibrante sin los riesgos para la salud.
Más allá de la expresión artística, la conexión del verde esmeralda con la naturaleza es innegable. El apodo de Irlanda, la "Isla Esmeralda", refleja sus paisajes verdes, una conexión que se solidificó aún más por la cultura popular. La selección de Pantone del verde esmeralda como el Color del Año 2013 y la elección de Etsy en 2022 son signos de su atractivo perdurable.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Odisea Esmeralda
Hogar del Bosque
Hada Verde
Verificador de contraste
Contraste 6,88
- Texto grande
#00674F
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,05
- Texto grande
#00674F
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00674f, también conocido como verde esmeralda, tiene valores RGB de R:0, G:103, B:79 y valores CMYK de C:100, M:0, Y:23, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #00674f | #00674f |
| RGB DECIMAL | 0, 103, 79 | RGB(0,103,79) |
| RGB PERCENTAGE | 0.0, 40.4, 31.0 | RGB(0.0%,40.4%,31.0%) |
| CMYK | 100, 0, 23, 60 | |
| HSL | HSL(166.0, 100.0%, 20.2%) | HSL(166.0, 100.0%, 20.2%) |
| HSV (OR HSB) | 166.0°, 100.0, 40.4 | |
| WEB SAFE | #0102102 | #0102102 |
| BINARY | 00000000, 01100111, 01001111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.404, blue: 0.310) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.404, blue: 0.310, alpha: 1) | |
| Android - Compose | Color(0xFF00674F) |
