O amarelo escuro é um tom rico e suave que atenua o brilho do amarelo com nuances terrosas de marrom. Ele se encontra na parte vermelho-laranja da roda de cores e exala calor e criatividade.
O amarelo escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #BA8E23
- Valor RGB: 72,9% vermelho, 55,7% verde e 13,7% 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.
Aqui estão algumas maneiras de usar o amarelo escuro em seus designs:
- Atraia atenção para detalhes importantes. O amarelo escuro é uma alternativa suave aos tons mais brilhantes de amarelo. Use-o para destacar CTAs ou informações importantes sem sobrecarregar os usuários.
- Injete energia. O amarelo escuro incentiva motivação e otimismo durante processos longos. Incorpore essa cor em botões e chamadas em aplicações ou formulários de várias etapas.
- Forneça dicas visuais. Considere usar o amarelo escuro para ajudar os usuários a entender o que fazer a seguir. Adicione essa cor para enfatizar dicas, efeitos de hover e barras de progresso.
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 as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro quente do amarelo escuro, considere:
- Bege (#D6B588) é um tom mais claro na parte vermelho-laranja da roda de cores, infundindo designs com uma qualidade mais calma e sutil.
- Amarelo-laranja (#FFB343) é mais brilhante e saturado, irradiando felicidade e calor.
- Ouro (#EFBF04) tem mais nuances de amarelo, simbolizando status e riqueza.
- Bronze (#CE8946) compartilha a rusticidade do amarelo escuro com uma mistura de tons de marrom e laranja escuro.
Para complementar o amarelo escuro, considere combiná-lo com:
- Azul marinho (#000080) contrasta com o amarelo escuro, equilibrando seus tons amarelos com uma tonalidade fria e calmante.
- Cinza frio (#CBCBCB) eleva o calor do amarelo escuro, fazendo-o se destacar.
- Vermelho carmesim (#B22222) adiciona profundidade e cria uma paleta energética.
- Índigo (#560591) contrasta ousadamente com o amarelo escuro para evocar sofisticação e luxo.
Outras cores que valem a pena considerar incluem verde-azulado escuro para um visual tranquilo, laranja escuro para enfatizar a rusticidade do amarelo, e verde sálvia para um ambiente relaxante e natural.
Embora o amarelo escuro seja terroso, ele pode entrar em conflito com:
- Magenta (#FD3DB5) tem uma saturação que conflita com o tom suave do amarelo escuro.
- Branco (#FFFFFF) pode fazer o amarelo escuro parecer apagado e desbotado.
- Laranja brilhante (#FF991C) pode competir com o amarelo escuro devido ao seu brilho.
- Verde neon (#2CFF05) cria um contraste forte com sua vivacidade.
O amarelo escuro simboliza calor e maturidade. Sua rusticidade conota conforto e acessibilidade. O amarelo escuro incorpora criatividade, mas também pode exemplificar melancolia. Mantenha o contexto em mente para evitar temas conflitantes.
Na psicologia das cores, o amarelo escuro é estimulante e auxilia no trabalho criativo e na concentração. Seu tom mais profundo evoca sentimentos de encorajamento suave.
No design de UI, o amarelo escuro é uma alternativa suave à vivacidade e energia dos amarelos mais brilhantes para destacar informações. Seu tom natural cria um ambiente acolhedor. Combine o amarelo escuro com cores complementares frias para experiências mais sofisticadas.
O amarelo escuro tem sido uma escolha popular para artistas renomados. A pintura de Johannes Vermeer de 1665, “Moça com Brinco de Pérola”, usou amarelo escuro no lenço e no casaco da moça. A série de girassóis de Vincent van Gogh de 1887 e 1888 apresentou girassóis de amarelo escuro contrastados com fundos mais claros.
Hoje, a sofisticação e o calor do amarelo escuro se estendem além das belas artes. Sua versatilidade o torna uma escolha de cor refinada para incluir em muitos tipos de paletas de cores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Caramelo Toffee
Mapa do Tesouro
Harmonia Dourada
Verificador de contraste
Contraste 3,01
- Texto grande
#BA8E23
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 6,98
- Texto grande
#BA8E23
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #ba8e23, conhecida como Amarelo escuro, tem valores RGB de R:186, G:142, B:35 e valores CMYK de C:0, M:24, Y:81, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #ba8e23 | #ba8e23 |
| RGB DECIMAL | 186, 142, 35 | RGB(186,142,35) |
| RGB PERCENTAGE | 72.9, 55.7, 13.7 | RGB(72.9%,55.7%,13.7%) |
| CMYK | 0, 24, 81, 27 | |
| HSL | HSL(42.5, 68.3%, 43.3%) | HSL(42.5, 68.3%, 43.3%) |
| HSV (OR HSB) | 42.5°, 81.2, 72.9 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 10111010, 10001110, 00100011 | |
| iOS - SwiftUI | Color(red: 0.729, green: 0.557, blue: 0.137) | |
| iOS - UIKit | UIColor(red: 0.729, green: 0.557, blue: 0.137, alpha: 1) | |
| Android - Compose | Color(0xFFBA8E23) |
