Código Hex Verde Brat: #8ACE00 ou #89CC04?

O famoso verde brat tem dois códigos hex: #8ACE00, o valor que a maioria das ferramentas e sites de fãs cita, e #89CC04, o que os conta-gotas leem da arte oficial. Os dois são reais — esta página documenta cada formato dos dois, mais a referência Pantone, os verdes parecidos e a matemática de contraste por trás do texto preto. Clique numa amostra para copiar.

#8ACE00 — o verde brat mais citado; o padrão do nosso gerador
#89CC04 — a leitura do conta-gotas da arte oficial
The History

As Origens e a História do Verde Brat

A ascensão do verde brat começou com o sexto álbum da Charli XCX — uma cor escolhida contra todo instinto do design polido dos anos 2020, e inicialmente zombada por isso.

brat
Charli XCX Brat Album Cover

Hover album to spin vinyl record

01

Cerca de 500 verdes foram testados antes

O estúdio Special Offer, Inc. do diretor criativo Brent David Freaney passou por uns 500 verdes candidatos com a Charli até o tom final vencer. O briefing pedia algo "ofensivo, fora de tendência" — o oposto de uma cor de marca testada em grupo focal. O que sobreviveu foi um verde que parece levemente errado de propósito.

02

Ele foi desenhado para ser descolado ao contrário

Toda estética polida do começo dos anos 2020 — bege, sálvia, minimalismo clean girl — era a referência a destruir. O verde brat é de alta saturação, levemente sujo e impossível de estilizar com elegância. O manifesto da própria Charli chamou a arte de "obnoxious, arrogant and bold. Some people will hate it." O ódio já estava no orçamento.

03

A imprensa chamou de bilious sludge

Quando a capa saiu, o The New York Times descreveu a cor como "noxious" e "abrasive" — a cor de "bilious sludge" (lama biliosa). Nada disso atrapalhou a campanha, porque a hostilidade era o marketing: uma cor da qual todos precisavam reclamar era uma cor que todos precisavam olhar.

04

De capa de álbum a campanha presidencial

Horas depois de Kamala Harris entrar na corrida de 2024, a campanha dela releu as capas das redes em verde brat com o tratamento Arial em minúsculas — uma bênção não-oficialmente oficial da conta brat. Nenhuma cor de fãs tinha cruzado para a política presidencial tão rápido.

05

O brat summer rodou num quadrado só

O sistema visual inteiro é uma cor chapada mais texto em minúsculas — reproduzível por qualquer um com um navegador. Essa simplicidade radical transformou um único código hex num motor de memes: cada capa de fã e cada piada de marca reutilizava o mesmo verde, e foi isso que fez do verde a história.

06

Baixa resolução de propósito, legível pelo contraste

O visual borrado e comprimido é deliberado — parece um print de um print. Mas por baixo da sujeira, o par é óptica de livro: texto quase negro sobre esse campo lima atinge um contraste que a maioria das paletas de marca nunca alcança. Os números completos estão na lista de valores abaixo.

Todo valor do verde brat, em todos os formatos

Os dois hex, convertidos e conferidos — copie o formato que a sua ferramenta realmente pede. Os contrastes são matemática WCAG de luminância relativa, não vibes.

RGB 138, 206, 0 · HSL 80°, 100%, 40% · HSV 80°, 100%, 81% · CMYK 33, 0, 100, 19. É o valor que a maioria das ferramentas e sites de fãs cita — e o padrão do nosso brat generator. Use como --brat-green: #8ACE00; com texto preto em minúsculas: 10,9:1 de contraste, WCAG AAA. Texto branco fica em 1,9:1 — reprovação em todos os limiares.

#8ACE00

Parecidos

Verde brat vs todos os verdes com que ele se confunde

Mesma família, matiz diferente. Cada card mostra o valor do parecido e abre o nosso gerador com ele de fundo — para julgar a diferença contra o real, ao vivo.

#7fff00

vs Chartreuse — #7FFF00

Matiz 90°, RGB 127, 255, 0. Dez graus mais amarelo que o brat e a 100% de luminosidade — cheira a cítrico onde o brat cheira a ácido. Abra o #7FFF00 no gerador ao lado do verde verdadeiro.

Abrir #7FFF00 no gerador
#00ff00

vs Verde-lima — #00FF00

Matiz 120°, RGB 0, 255, 0 — verde puro, zero amarelo. Essa pureza é o que dá o ar de verde de TV; o brat é mais amarelo, no matiz 80°, entre o lima e o chartreuse. Abra o #00FF00 no gerador.

Abrir #00FF00 no gerador
#39ff14

vs Verde neon — #39FF14

Matiz 111°, RGB 57, 255, 20 — mais frio, mais tech, o verde de setup gamer. O calor do brat vem da puxada para o amarelo; o brilho do neon, do azul. Abra o #39FF14 no gerador e sinta a temperatura mudar.

Abrir #39FF14 no gerador
#5bb356

vs Verde Shrek — perto de #5BB356

Não existe hex canônico, mas o valor comumente citado fica perto do RGB 91, 179, 86 — matiz 117° com saturação apagada a ~38%, contra quase 100% do brat. Pastel de pântano de ogro contra ácido de propósito. Abra o #5BB356 no gerador.

Abrir #5BB356 no gerador
#808000

vs Oliva — #808000

Matiz 60°, RGB 128, 128, 0 — o primo escuro do brat com metade do brilho. Militar, terroso, silencioso; tudo o que o quadrado ácido se recusa a ser. Abra o #808000 no gerador.

Abrir #808000 no gerador
#9dc183

vs Verde sálvia — #9DC183

O matiz 95° parece perto no papel, mas a saturação desaba para 33% com 64% de luminosidade — RGB 157, 193, 131. É o verde calmo e clean-girl contra o qual o brat se rebelou. Abra o #9DC183 no gerador para o contraste completo de temperamentos.

Abrir #9DC183 no gerador

Como usar o código hex do verde brat em qualquer lugar

De uma folha de estilo a um provador do Roblox — o código funciona igual em qualquer lugar onde dá para digitar cores.

Cole no CSS

Defina <code>--brat-green: #8ACE00;</code> como fundo com texto quase preto em minúsculas — esse é o look inteiro. Quer bater pixel a pixel com a arte? Defina os dois hex (<code>#89CC04</code> junto) e anote qual amostrou onde.

Digite no Figma, Photoshop e Canva

Coloque <strong>8ACE00</strong> em qualquer campo hex. Se amostrar a imagem da capa oficial, espere ler <strong>89CC04</strong> — é a compressão JPEG mexendo os pixels, não uma cor oficial diferente.

Digite no Dress to Impress (Roblox)

O conta-gotas do DTI aceita códigos hex: abra o painel de personalização, abra o seletor e digite <strong>8ACE00</strong> para os looks brat-green/baddie que invadiram o jogo. O mesmo código funciona na maioria dos jogos e apps com campo de cor personalizada. Quer o look completo? O <a href="/posts/brat-outfit">guia de looks brat</a> cobre o DTI e a vida real.

Pule a configuração — abra o nosso gerador

O <a href="/">brat text generator</a> abre pré-preenchido com o verde brat e texto preto — digite suas palavras e baixe um PNG limpo de 600×600. Todas as cores de preset ficam a um toque dali.

FAQ do Verde Brat — códigos hex, RGB, Pantone e combinações

As perguntas que esta página realmente recebe, respondidas com valores reais em vez de vibes.

Que cor é o verde brat exatamente?

Um verde-lima de alta saturação e agressivo de propósito, parado no matiz 80° — mais amarelo que o lima (120°), mais verde que o chartreuse (90°). Ele foi engenheirado para parecer levemente errado: os designers testaram centenas de verdes atrás do mais "ofensivo, fora de tendência".

O verde brat é #8ACE00 ou #89CC04?

Os dois circulam, e os dois são legítimos. #8ACE00 (RGB 138, 206, 0) é o valor que a maioria das ferramentas e sites de fãs cita. #89CC04 (RGB 137, 204, 4) é o que os conta-gotas costumam ler de prints da arte oficial — a compressão mexe os pixels por um fio. Mesmo matiz (80°), a um fio de distância; escolha um e seja consistente. Nosso brat generator usa #8ACE00 como padrão.

Qual é o verde brat em RGB?

#8ACE00 é RGB(138, 206, 0); a leitura #89CC04 é RGB(137, 204, 4). Se o formulário pede decimais de 0 a 1: 0.541, 0.808, 0 para o #8ACE00.

Qual é o verde brat em Pantone?

Referências de impressão documentam contra o Pantone 3507C. Telas não reproduzem um Pantone com exatidão — essa distância entre tinta física e RGB é uma das razões de circularem dois códigos hex. Para qualquer coisa impressa, especifique 3507C ou CMYK 33, 0, 100, 19 e aprove uma prova física.

Qual é o verde brat em CMYK?

Aproximadamente 33, 0, 100, 19 para o #8ACE00 (33, 0, 98, 20 para o #89CC04). Conversões CMYK variam conforme o perfil, então trate como ponto de partida e faça prova no papel real que vai imprimir.

Quais cores combinam com o verde brat?

O quase preto é o par para o qual a cor foi construída: 10,9:1 de contraste, WCAG AAA. O branco reprova com 1,9:1 — as capas com texto branco que você vê são recolorações deliberadas de estilo sobre acessibilidade. Como acentos, o amarelo ácido #E5ED23 e o roxo #BA51B6 da paleta de fãs ficam perto do verde brat sem competir com ele.

Por que o texto da capa brat é preto e não branco?

Matemática de contraste tanto quanto estética: texto preto sobre o verde chega a 10,9:1 (AAA); o branco desaba para 1,9:1 (reprovação). Os designers precisavam de legibilidade máxima numa imagem deliberadamente de baixa resolução — o preto era a única cor de texto que sobrevivia ao desfoque.

Qual é o código hex do verde brat no Dress to Impress (DTI)?

Os mesmos códigos: digite 8ACE00 no conta-gotas do DTI (painel de personalização → seletor → campo hex) para o visual verde brat que tomou conta dos looks baddie do jogo. O #89CC04 também funciona se quiser a leitura um pouco mais fosca.

O verde brat é a mesma coisa que chartreuse?

Não. O chartreuse é #7FFF00 — matiz 90°, RGB 127, 255, 0, mais claro e dez graus mais amarelo. O verde brat é mais escuro (40% de luminosidade contra 50%) e mais verde (matiz 80°). Lado a lado, o chartreuse cheira a cítrico; o brat, a ácido.

Posso usar o verde brat comercialmente?

A cor em si não é de ninguém — ninguém pode registrar marca sobre um código hex, e as marcas usaram à vontade durante a tendência. O que É protegido: o nome "brat" e a capa oficial do álbum (Charli XCX / Atlantic Records). Um quadrado verde-lima com o seu próprio texto em minúsculas, tudo certo; chamar o seu produto de "brat", não.

O verde brat fica diferente no impresso?

Fica — verdes puxados para o neon estão no limite do que a tinta CMYK segura, então o impresso costuma sair um pouco mais fosco que a tela. Para isso existe o Pantone 3507C: peça (ou CMYK 33, 0, 100, 19) e confira uma prova física antes da tirada completa.

Como faço a minha própria imagem verde brat?

Caminho mais rápido: o nosso brat text generator abre com o verde brat já configurado — digite seu texto, escolha um layout e baixe um PNG limpo. Sem ferramenta de design, sem instalar fonte, sem cadastro.

Coloque o Verde Brat de Verdade na Sua Capa

Os dois verdes documentados, pré-preenchidos e a um clique — digite suas palavras e baixe um PNG limpo de 600×600. Grátis, sem cadastro.