Esmeralda é um verde exuberante e vibrante que exala luxo e elegância. Situada entre o verde e o azul na roda de cores, sua tonalidade rica e de joia brilha como nenhuma outra. Ecoando tons como jade e teal, esmeralda adiciona sofisticação aos designs, perfeita para criar uma sensação clássica e opulenta.
Esmeralda é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #50C878
- Valor RGB: 31,4% vermelho, 78,4% verde, 47,1% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para variações dentro do mesmo espectro que a esmeralda, considere:
- Verde Jade (#00bb77): Verde Jade canaliza a sensação vibrante e exuberante da Esmeralda com seu tom verde rico, criando um visual animado e revigorante semelhante a uma folhagem densa.
- Verde Escuro (#06402b): Oferecendo um tom mais profundo e intenso, o Verde Escuro complementa a vibração luxuosa da Esmeralda enquanto mantém uma serenidade natural profunda.
- Verde Floresta (#2e6f40): Verde Floresta incorpora a essência tranquila da natureza com seu tom profundo e fundamentado, espelhando de perto o cativante tom verde da Esmeralda.
- Verde Caçador (#2c5f34): Verde Caçador reflete a riqueza profunda e aveludada semelhante à Esmeralda, evocando as profundezas serenas de uma floresta densa com seu belo tom escuro.
Para complementar a Esmeralda, considere combiná-la com:
- Pêssego (#FFD3AC): Este tom suave e quente equilibra a frescura da Esmeralda, criando uma paleta suave e harmoniosa que lembra a primavera.
- Champanhe (#F7E6CA): Seu tom claro e suave oferece um contraste sutil que permite que as qualidades vibrantes da Esmeralda brilhem, adicionando elegância ao design geral.
- Azul Real (#305CDE): Este azul ousado contrasta lindamente com o rico verde da Esmeralda, criando um visual régio e dinâmico. Evoca uma combinação de tons de joia que chama a atenção, lembrando pedras preciosas.
- Bege (#EDE8D0): Com seu fundo neutro, o bege fornece um contraponto calmante, permitindo que a Esmeralda seja o centro das atenções sem sobrecarregar a paleta.
- Laranja Queimada (#BE5103): Um contraste quente e terroso realça o verde vibrante da Esmeralda, criando uma combinação marcante e inspirada na natureza que parece equilibrada e dinâmica.
Embora a Esmeralda (HEX #00674F) seja um tom rico e vibrante frequentemente associado ao luxo e à natureza, certas cores podem conflitar com ela, criando combinações menos harmoniosas:
- Rosa Neon (#FF13F0): O brilho do Rosa Neon cria um contraste acentuado com a Esmeralda, fazendo com que ambas as cores compitam visualmente em vez de se complementarem.
- Ferrugem (#B7410E): Ferrugem tem um tom terroso e quente que pode colidir com a qualidade mais fria e vívida da Esmeralda, resultando em uma mistura discordante.
- Vermelho Carmim (#B22222): A intensidade do Vermelho Carmim pode ofuscar a elegância da Esmeralda, levando a uma combinação que parece visualmente pesada e desequilibrada.
- Laranja Neon (#FF5C00): A ousadia do Laranja Neon pode sobrecarregar a sutileza da Esmeralda, criando uma paleta chocante e excessivamente vibrante.
- Chartreuse (#CCFF00): A alta saturação do Chartreuse pode ofuscar a profundidade da Esmeralda, resultando em uma combinação visualmente ruidosa e não refinada.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Explosão Verdejante
Rubor Botânico
Prado Encantado
Verificador de contraste
Contraste 2,13
- Texto grande
#50C878
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 9,87
- Texto grande
#50C878
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #50C878, conhecida como Esmeralda, tem valores RGB de R:80, G:200, B:120 e 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) |
