El verde esmeralda es un color lujoso y sofisticado caracterizado por sus profundos matices azul verdosos. Situado entre el azul y el verde en el círculo cromático, este tono rico y de joya irradia 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 varias plataformas y dispositivos digitales.
- Código HEX: #00674F
- Valor RGB: 0% rojo, 40.4% verde y 31% 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 Contenido Web.
El verde esmeralda puede ser una herramienta poderosa en el diseño de UI cuando se usa con cuidado. Aquí te explicamos 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 impregnar los diseños con 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 CTA. Su viveza contra fondos más sobrios puede guiar a los usuarios hacia interacciones importantes.
- Equilibra con dorado 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 UI, haciéndola sentir más exclusiva y acogedora.
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 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 Azulado (#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 más 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 más 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 combinarlo con:
- Dorado (#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 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 Fucsia (#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.
- Púrpura 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 rejuvenecimiento, la prosperidad, la renovació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 UI/UX, el verde esmeralda irradia sofisticación y alta calidad, haciéndolo ideal para marcas premium y productos que promueven la salud, el bienestar y la conciencia ambiental.
Remontándose al antiguo Egipto, la gema esmeralda en sí misma fue venerada como un 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Odisea Esmeralda
Hogar del Bosque
Hada Verde
Comprobador de contraste
Contraste 6,88
- Texto largo
#00674F
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,05
- Texto largo
#00674F
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #00674f, también llamado 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) |