Paleta de Cores

Cor amarelo-banana

Um amarelo brilhante e ensolarado como a casca de uma banana madura. É mais quente que o amarelo-limão e muito alegre, ideal para produtos infantis, cozinha e design divertido.

Abrir no editor

O código HEX da cor amarelo-banana é #FFE135. Em RGB é rgb(255, 225, 53), em HSL é hsl(51, 100%, 60%) e em CMYK é 0, 12, 79, 0.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com amarelo-banana

Amarelo-ouro#FFDF00Dourado#FFD700Amarelo-milho#FBEC5DAmarelo-canário#FFEF00Açafrão#F4C430Amarelo-girassol#FFC512

Sobre a cor amarelo-banana

O amarelo-banana (#FFE135) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos amarelos. É formada por 255 de vermelho, 225 de verde e 53 de azul (de 0 a 255). É usada principalmente em infantil, culinária, design gráfico.

Amostra da cor Amarelo-banana com seus tons do claro ao escuro · #FFE135
Amarelo-banana · #FFE135

Tons de amarelo-banana: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor amarelo-banana

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Azul-elétrico
AnálogasPróximo de: Manga, Verde-lima
TríadePróximo de: Azul-turquesa, Magenta
Complementar divididaPróximo de: Azul-céu intenso, Violeta
TétradePróximo de: Verde-primavera, Azul-elétrico, Fúcsia

Paletas com a cor amarelo-banana

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Amarelo-banana
Paleta análoga · Amarelo-banana
Paleta complementar · Amarelo-banana
Paleta tríade · Amarelo-banana
Paleta com neutros · Amarelo-banana
Paleta com destaque · Amarelo-banana

Contraste de amarelo-banana com texto

Texto brancoContraste 1.3:1 · Não recomendado
Texto pretoContraste 16.1:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --amarelo-banana: #FFE135;
  --amarelo-banana-rgb: 255, 225, 53;
}
.fundo { background-color: var(--amarelo-banana); }
.texto { color: var(--amarelo-banana); }

Cores parecidas com amarelo-banana

Amarelo-limãoÂmbarAmarelo-manteigaMostarda

Paletas temáticas com esta cor

Paletas de cores monocromáticasPaletas de cores de verão

Mais amarelos

AmareloDouradoOuro velhoMostardaAmarelo-limãoÂmbarTrigoMelAmarelo-canárioAçafrãoChampanheAmarelo pastelAmarelo fluorescenteAmarelo-milhoAmarelo-girassolVara-douradaCalêndulaAmarelo-manteigaAmarelo-ouroLatão
Amostra da cor Amarelo-banana com seus tons do claro ao escuro · #FFE135
Amostra da cor Amarelo-banana com seus tons do claro ao escuro · #FFE135

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de coresAquário de coresAquário 3D relaxante com as suas paletas
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor amarelo-banana?

O código HEX da cor amarelo-banana é #FFE135. Em RGB é rgb(255, 225, 53), em HSL é hsl(51, 100%, 60%) e em CMYK é 0, 12, 79, 0.

Qual é a cor complementar de amarelo-banana?

A complementar no círculo cromático é #3553FF, um tom próximo de azul-elétrico. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor amarelo-banana?

Melhor usar texto preto: o contraste com o branco é só 1.3:1, enquanto com o preto é 16.1:1.