
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com amarelo-esverdeado?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre amarelo-esverdeado para inspirar seu próximo design.
Amarelo-esverdeado é uma cor vibrante e estimulante que combina a frescura do verde com o brilho do amarelo. Ela se posiciona entre o amarelo e o verde na roda de cores, exalando uma energia calorosa e jovial. Com sua vivacidade marcante, essa cor se assemelha bastante ao chartreuse.

O amarelo-esverdeado é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #CCFF00
- Valor RGB: 80% vermelho, 100% verde e 0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de considerar o uso do amarelo-esverdeado em designs:
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro vibrante e fresco do amarelo-esverdeado, considere:
Para complementar os tons vibrantes do amarelo-esverdeado, considere combiná-lo com:
Outras cores que valem a pena considerar incluem azul-marinho para um contraste ousado e dinâmico, pêssego para uma paleta suave e complementar, e terracota para um efeito terroso e equilibrante.
Embora o amarelo-esverdeado seja versátil, ele pode entrar em conflito com:
O amarelo-esverdeado simboliza juventude, energia e renovação. Evoca o otimismo e a renovação da primavera, incorporando crescimento, vitalidade e a frescura da natureza.
No entanto, é importante notar que o amarelo-esverdeado pode ter significados mistos em diferentes culturas, incluindo conotações negativas em algumas culturas (como doença, covardia ou ciúme), destacando a necessidade de aplicação cuidadosa.
No design de UI, o amarelo-esverdeado oferece uma estética dinâmica e fresca, tornando as interfaces envolventes e intuitivas. É especialmente eficaz em aplicações focadas em saúde, criatividade ou consciência ambiental, onde sua vivacidade pode incentivar a interação do usuário e transmitir o compromisso de uma marca com inovação e eco-consciência. Quando usado sabiamente, o amarelo-esverdeado pode evitar conotações negativas e infundir designs com ludicidade e criatividade, atraindo públicos jovens ou criativos.
Desde os afrescos egípcios antigos que retratam novas folhas de primavera até os tons vibrantes em pinturas impressionistas como "Ninféias" de Monet, o amarelo-esverdeado tem sido usado há muito tempo na arte e na cultura para representar o ciclo da vida e a beleza das estações em mudança.
No século 20, essa história de cor transcendeu a expressão artística. O amarelo-esverdeado ganhou popularidade na moda e no design de interiores, frequentemente associado a movimentos de vanguarda e ao desejo de trazer a vivacidade do exterior para espaços pessoais e compartilhados.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Limelight
Vibrant Vortex
Island Oasis
Contraste 1,18
#CCFF00
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 17,87
#CCFF00
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ccff00, conhecida como amarelo-esverdeado, tem valores RGB de R:204, G:255, B:0 e valores CMYK de C:20, M:0, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ccff00 | #ccff00 |
| RGB DECIMAL | 204, 255, 0 | RGB(204,255,0) |
| RGB PERCENTAGE | 80.0, 100.0, 0.0 | RGB(80.0%,100.0%,0.0%) |
| CMYK | 20, 0, 100, 0 | |
| HSL | HSL(72.0, 100.0%, 50.0%) | HSL(72.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 72.0°, 100.0, 100.0 | |
| WEB SAFE | #2042550 | #2042550 |
| BINARY | 11001100, 11111111, 00000000 | |
| iOS - SwiftUI | Color(red: 0.800, green: 1.000, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.800, green: 1.000, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFCCFF00) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com amarelo-esverdeado?

Saiba mais sobre o amarelo.

Saiba mais sobre o verde.