Código da Cor Verde Amarelado (#9acd32)

Verde Amarelado é #9acd32 em hexadecimal e rgb(154, 205, 50) — um verde médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Verde Amarelado
#9acd32
Nome CSSyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Tons e sombras

Harmonias de cores

Sobre o Verde Amarelado

Verde Amarelado (yellowgreen) é um verde médio e vibrante, com código hex #9acd32, ou rgb(154, 205, 50). No HSL, ele tem matiz de 80°, saturação de 61% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: yellowgreen; no lugar do valor hex.

Usando o Verde Amarelado em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Verde Amarelado no branco1.88 : 1reprovado
Texto Verde Amarelado no preto11.15 : 1AAA

Em um fundo verde amarelado, use texto em preto (11.15 : 1). O WCAG pede no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.

CSS

.element {
  color: yellowgreen;               /* or #9acd32 */
  background-color: #9acd32;
  border: 1px solid rgb(154 205 50 / 50%);
}

Nomes de cores parecidas

Verde-amarelo (#adff2f), Cáqui Escuro (#bdb76b), Verde Gramado (#7cfc00), Chartreuse (#7fff00), Vara de Ouro (#daa520), Verde Oliva Escuro (#6b8e23).

Perguntas frequentes

Qual é o código hex do verde amarelado?
#9acd32 — isso é rgb(154, 205, 50) e hsl(80, 61%, 50%). No CSS você também pode simplesmente escrever yellowgreen.
O texto verde amarelado é legível no branco?
A razão de contraste dele no branco é 1.88 : 1, o que é reprovado pelo WCAG — use para decoração ou em fundo escuro.
Quais cores combinam com o verde amarelado?
A cor complementar é #6632cd; as cores análogas #cdb332 e #4ccd32 ficam ao lado dela no círculo cromático.