Brat green is #8ACE00, which is RGB 138, 206, 0 and HSL 80°, 100%, 40%. The album cover’s designer shared that code, though another code, #89CC04, also circulates. BratGen Free uses #8ACE00 in its Brat green preset, runs in your browser with nothing uploaded, and exports PNG, JPEG or WebP. Free, no signup, no watermark. Independent, and not affiliated with Charli XCX.
[TOOL GOES HERE]
Choose the Brat green preset for #8ACE00, or type any hex code into the custom color field.
[Make a brat green image now] (scrolls to the tool)
Brat Green at a Glance
| Detail | Value |
|---|---|
| Hex | #8ACE00 |
| RGB | 138, 206, 0 |
| HSL | 80°, 100%, 40% |
| CMYK (approximate) | 33, 0, 100, 19 |
| Pantone | Some sites say 3507 C; not confirmed [VERIFY] |
| Also seen | #89CC04 |
What Is the Brat Green Hex Code?
The brat green hex code is #8ACE00 (RGB 138, 206, 0). The album cover’s designer, Brent David Freaney, gave this code when a type foundry asked for it. Some sites list #89CC04 as the official code instead. The two look almost identical on screen, so use #8ACE00 unless you have a reason not to. [VERIFY]
The two codes are only a few steps apart on each color channel. That gap is too small to see on most screens, which is why the mix-up lasted. If you need to match a specific file, use a color picker on the file itself.
Brat Green in Every Color Format
Copy the format your tool asks for. Web tools use hex, design apps often want RGB, and print work uses CMYK. The values below all describe the same color, and CMYK is an approximation.
| Format | Value | Where it is used |
|---|---|---|
| HEX | #8ACE00 | Web, Canva, most color pickers |
| RGB | 138, 206, 0 | Design apps, screens |
| HSL | 80°, 100%, 40% | Adjusting lightness in code |
| HSV | 80°, 100%, 81% | Some color pickers |
| CMYK | 33, 0, 100, 19 | Print, approximate |
Why Does Brat Green Look Different on Screens and in Print?
Screens make color with light, and printers make it with ink, so they cannot match exactly. Bright greens like #8ACE00 usually look duller in print. Screen brightness, night mode and display type also change how it looks. For print work, ask the printer for a proof. [VERIFY]
Which Text Colors Work on Brat Green?
Black works best. It reads clearly and matches the classic look. White is weak on this green. The table shows contrast ratios against #8ACE00. WCAG guidelines ask for at least 4.5:1 for normal text and 3:1 for large text. [VERIFY]
| Text color | Hex | Contrast on #8ACE00 | Verdict |
|---|---|---|---|
| Black | #000000 | about 10.9:1 | Excellent |
| Near-black | #0B0B0B | about 10.2:1 | Excellent |
| White | #FFFFFF | about 1.9:1 | Poor |
| Off-white | #F5F5F0 | about 1.8:1 | Poor |
How Is Brat Green Different From Lime and Chartreuse?
Brat green sits between lime green and chartreuse. It is more yellow than standard lime green and darker than chartreuse. The hue and lightness values below show why it looks harsher than a friendly lime, which is part of its appeal.
| Color | Hex | HSL |
|---|---|---|
| Lime green | #32CD32 | 120°, 61%, 50% |
| Brat green | #8ACE00 | 80°, 100%, 40% |
| Chartreuse (web color) | #7FFF00 | 90°, 100%, 50% |
How Do You Use Brat Green in Your Own Designs?
Open your color picker, type the hex code (with or without the # sign, depending on the app), and save it as a swatch. Every major design tool accepts hex. Save it once and reuse it across a project so the green stays consistent. [VERIFY app steps]
To make an image in BratGen Free:
- Type one to four lowercase words.
- Choose the Brat green preset, or enter
#8ACE00in the custom color field. - Set the blur.
- Choose a shape.
- Download a PNG, JPEG or WebP, or copy the image.
[IMAGE: swatch row showing brat green next to lime and chartreuse | alt text: Three color swatches comparing brat green, lime green and chartreuse]
What Mistakes Make Brat Green Look Wrong?
The main mistakes are mixing two similar codes in one project, using weak text colors, softening the green, and judging it on a single screen. Any of these makes the green look less like the original.
- Mixing #8ACE00 and #89CC04. Pick one and stick with it.
- White or off-white text. Contrast is poor.
- Adding gradients or shadows. A flat color is part of the look.
- Heavy compression. A JPEG can add slight noise to flat color; use PNG when you need it clean.
- Trusting one screen. Check on a phone and a laptop.
Brat Green FAQ
Is #89CC04 the official brat green?
The designer’s shared code is #8ACE00, and that is what most sources use. #89CC04 appears on some sites as “official,” but we found no source for it. The two are nearly identical on screen. Pick #8ACE00. [VERIFY]
What is brat green in RGB and CMYK?
Brat green is RGB 138, 206, 0. In CMYK it is about 33, 0, 100, 19. The CMYK numbers are an approximation, and printed results vary by printer and paper. Ask for a proof before a large print run.
What Pantone is brat green?
Some sites name Pantone 3507 C as the closest match. We could not confirm that against Pantone or the design team, so treat it as a guess. For print, use a physical swatch or a printer’s proof instead. [VERIFY]
What is brat green called?
It has no formal color name. It is a bright yellow-green that sits between lime and chartreuse. “Brat green” is the nickname it earned after the album’s release.
Can I use brat green in my own designs?
You can generally use a color value like a hex code freely. Avoid implying endorsement, and avoid using Charli XCX’s name or the album artwork. This is general information, not legal advice.
Which text color goes best on brat green?
Black, by a wide margin, at about 10.9:1 contrast. White is about 1.9:1 and is hard to read at small sizes. Use white only for very large, short words. [VERIFY]
Why does brat green look different on my phone?
Screens differ in brightness, color settings and night modes. The hex code stays the same, but the light that reaches your eyes changes. Compare on more than one device before you finalize a design.
Can you dye fabric brat green?
One natural dye company reported a method using mordant, weld extract and indigo. Results vary with fabric and process, so treat it as a starting point, not a recipe. [VERIFY]
Why did the album use such an odd green?
Reports say the team wanted an off-trend green that did not look tasteful. The designer described choosing it from many color and type pairings, and Charli XCX has called it an offensive, off-trend shade. That reaction is part of the point. [VERIFY]
Does BratGen Free use #8ACE00?
Yes. The Brat green preset is #8ACE00. You can change it by entering any other hex code in the custom color field. Nothing is uploaded, and there is no signup or watermark.
Is BratGen Free Private?
Yes. BratGen Free draws your text in your own browser, so it is not uploaded. It is an independent fan-made tool inspired by the style associated with Charli XCX’s album Brat, and it is not affiliated with or endorsed by Charli XCX or her label. More on the [brat generator home page].
Read more: [ABC Dinamo: font and color chat with the cover’s designer] · [Wikipedia: Brat (album)] · [W3C: contrast minimum guidance]
[Make a brat green image now]
By the BratGen Free Team. Last updated September 2026. BratGen Free is a small, independent tool for making brat-style images in your browser, with no accounts or watermarks.