Esmeralda es un verde exuberante y vibrante que exuda lujo y elegancia. Situado entre el verde y el azul en la rueda de colores, su tono rico y joya brilla como ningún otro. Reflejando tonos como jade y verde petróleo, esmeralda añade sofisticación a los diseños, perfecto para crear una sensación clásica y opulenta.
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: #50C878
- Valor RGB: 31.4% rojo, 78.4% verde, 47.1% 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
Para variaciones dentro del mismo espectro que esmeralda, considera:
- Verde jade (#00bb77): Verde jade canaliza la sensación vibrante y exuberante de Esmeralda con su rico tono verde, creando un visual animado e invigorante similar a un follaje denso.
- Verde oscuro (#06402b): Ofreciendo un tono más profundo e intenso, Verde oscuro complementa la vibra lujosa de Esmeralda mientras mantiene una serenidad natural profunda.
- Verde bosque (#2e6f40): Verde bosque encarna la esencia tranquila de la naturaleza con su tono profundo y arraigado, reflejando de cerca el cautivador tono verde de Esmeralda.
- Verde cazador (#2c5f34): Verde cazador refleja la riqueza aterciopelada profunda similar a Esmeralda, evocando las serenas profundidades de un bosque denso con su hermoso tono oscuro.
Para complementar Esmeralda, considera emparejarlo con:
- Durazno (#FFD3AC): Este tono suave y cálido equilibra la frescura de Esmeralda, creando una paleta suave y armoniosa que recuerda a la primavera.
- Champán (#F7E6CA): Su tono claro y apagado ofrece un contraste sutil que permite que las cualidades vibrantes de Esmeralda brillen, añadiendo elegancia al diseño general.
- Azul real (#305CDE): Este azul audaz contrasta hermosamente con el rico verde de Esmeralda, creando un aspecto regio y dinámico. Evoca una combinación llamativa de tonos joya que recuerda a las piedras preciosas.
- Beige (#EDE8D0): Con su fondo neutral, beige proporciona un contrapunto calmante, permitiendo que Esmeralda sea el centro de atención sin dominar la paleta.
- Naranja quemado (#BE5103): Un contraste cálido y terroso realza el vibrante verde de Esmeralda, creando una combinación llamativa e inspirada en la naturaleza que se siente equilibrada y dinámica.
Mientras que Esmeralda (HEX #00674F) es un tono rico y vibrante a menudo asociado con el lujo y la naturaleza, ciertos colores pueden entrar en conflicto con él, creando combinaciones menos armoniosas:
- Rosa neón (#FF13F0): El brillo del rosa neón crea un contraste agudo contra Esmeralda, haciendo que ambos colores compitan visualmente en lugar de complementarse.
- Óxido (#B7410E): El óxido tiene un tono cálido y terroso que puede chocar con la calidad más fresca y vívida de Esmeralda, resultando en una mezcla discordante.
- Rojo carmesí (#B22222): La intensidad del rojo carmesí puede eclipsar la elegancia de Esmeralda, llevando a una combinación que se siente visualmente pesada y desequilibrada.
- Naranja neón (#FF5C00): La audacia del naranja neón puede abrumar la sutileza de Esmeralda, creando una paleta discordante y excesivamente vibrante.
- Chartreuse (#CCFF00): La alta saturación de Chartreuse puede eclipsar la profundidad de Esmeralda, resultando en una combinación visualmente ruidosa y poco refinada.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Salpicadura verde
Rubor botánico
Pradera encantada
Verificador de contraste
Contraste 2,13
- Texto grande
#50C878
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 9,87
- Texto grande
#50C878
- 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 #50C878, también conocido como Esmeralda, tiene valores RGB de R:80, G:200, B:120 y valores CMYK de C:60, M:0, Y:40, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #50C878 | #50C878 |
| RGB DECIMAL | 80, 200, 120 | RGB(80,200,120) |
| RGB PERCENTAGE | 31.4, 78.4, 47.1 | RGB(31.4%,78.4%,47.1%) |
| CMYK | 60, 0, 40, 22 | |
| HSL | HSL(140.0, 52.2%, 54.9%) | HSL(140.0, 52.2%, 54.9%) |
| HSV (OR HSB) | 140.0°, 60.0, 78.4 | |
| WEB SAFE | #102204102 | #102204102 |
| BINARY | 01010000, 11001000, 01111000 | |
| iOS - SwiftUI | Color(red: 0.314, green: 0.784, blue: 0.471) | |
| iOS - UIKit | UIColor(red: 0.314, green: 0.784, blue: 0.471, alpha: 1) | |
| Android - Compose | Color(0xFF50C878) |
