Brat Color Code: Exact Green Hex, RGB & CMYK

Every format you’ll actually need — hex, RGB, HSL, CMYK, and the closest print match — plus what pairs with it.

“Brat color code” is one of those searches where people don’t want an essay — they want a value they can paste into Canva, CSS, or Photoshop and move on. This page gives you that immediately, then goes further than most competitor pages: a full format-conversion table, an honest answer on the Pantone question (a lot of pages just assert a Pantone code with no source), a print-safe CMYK conversion, and the text-color pairings that actually pass accessibility contrast checks — something we couldn’t find covered anywhere else in this space.

What Is the Exact Brat Color Code?

Short answer: #8ACE00, a bright yellow-leaning lime green. It’s the background color from Charli XCX’s 2024 album Brat, and it’s become shorthand for the whole aesthetic — lowercase text, stark simplicity, and this one specific shade of green.

What makes #8ACE00 work as a design choice is that it sits in a narrow, deliberate range: warm enough to feel intentional rather than a stock “green,” bright enough to stop a scroll, and just restrained enough not to tip into neon. Move the hue 10–15 degrees toward blue and you get a color that reads as generic “lime” or “highlighter” green instead — close, but noticeably not it. That precision is exactly why so many DIY recreations look almost-but-not-quite right: they used “a green” instead of this green.

Full Color Conversion Table

Short answer: the same color, in every format a design tool is likely to ask for.

The hex code breaks down into three channel pairs: 8A is the red channel, CE is the green channel, and 00 is the blue channel — which is why the color reads as green with no blue at all and a moderate amount of red mixed in, rather than a pure, blue-leaning green.

The Pantone value is the one to be careful with. Several sites state a Pantone match as if it were confirmed by the label — it isn’t, publicly. 3507 C is the closest common match designers cite, and it’s a reasonable starting point for a print shop, but ask for a physical proof before committing to a full print run if color accuracy matters.

Why the Exact Code Matters (Not “Just Green”)

Short answer: small shifts in hue, saturation, or brightness move the color out of “brat green” and into a different, less recognizable shade entirely.

Testing nearby shades side by side makes this obvious fast. A few common near-misses, and why each one reads as slightly wrong:

• Too blue (#6DC300) — reads as a cooler, minty lime. Recognizable as “green,” not recognizable as brat green.
• Too saturated (#7FFF00, chartreuse) — too electric and neon, loses the slightly restrained warmth that makes #8ACE00 feel deliberate rather than harsh.
• Too dark (#6B9E00) — drifts toward olive and loses the brightness that makes the original pop on a feed.
• Too yellow (#B8D400) — too warm and muted, loses the sharp, clean edge of the real color.

None of these are dramatically different numbers — that’s exactly the point. This is a narrow-tolerance color, which is why typing the hex code manually instead of eyeballing a nearby swatch is worth the extra five seconds.

Does Brat Green Look the Same On Screen as in Print?

Short answer: no — screens and printers use different color models, so the same hex code can shift noticeably once it’s printed.

Screens build color with light, using RGB (red, green, blue). Printers build color with ink, using CMYK (cyan, magenta, yellow, black), which covers a smaller range of possible colors than RGB does. A bright, saturated green like #8ACE00 sits close to the edge of what CMYK printing can reproduce, so it’s common for a printed sticker or shirt to come out slightly duller or more yellow than what you see on a laptop screen.

If a project depends on getting this exact right for something physical — merch, posters, packaging — ask your print shop for a physical color proof before running the full job, and mention the CMYK values above as your starting point rather than just handing over the hex code.

What Text Color Actually Works With Brat Green?

Short answer: black passes accessibility contrast checks comfortably; white and most pastel tones do not.

This is the part almost nobody covers, and it matters if you’re making anything meant to actually be read — a story graphic, a thumbnail, a caption. Black text on #8ACE00 clears the WCAG AA minimum contrast ratio (4.5:1) with room to spare. White text on the same green fails outright — it looks stylish in a thumbnail preview but is genuinely hard to read at a glance, especially on a small phone screen.

When testing this across multiple tools, we found the brat generator‘s built-in live contrast checker to be the fastest way to confirm a specific combination, since it runs the actual WCAG AA math as you adjust colors instead of leaving you to guess or check separately.

Other Brat Color Variants

Short answer: green is the original and most recognizable, but pink, black, and white variants all show up often in fan recreations.

The original album cover is green background with black text. A few variants show up consistently across social media recreations, each keeping the same lowercase, minimal layout but swapping the color:

None of these variants are “official” the way the green is — they’re community conventions that grew alongside the original — but if you’re building out a full brand kit around the aesthetic, having all four on hand covers the combinations people actually search for and use. The black variant is worth calling out specifically: pairing a black background with plain black text is invisible, so use the tool’s Inverted preset (linked above) rather than just swapping the background color on its own.

How to Use the Brat Green Hex Code in Canva, Photoshop, and CSS

Short answer: paste 8ACE00 into any tool’s custom hex field — the process is nearly identical everywhere.

1. Canva: click any shape or text, open the color picker, choose “Add a new color,” and type in 8ACE00.
2. Photoshop or Illustrator: open the color picker (foreground or fill swatch), type 8ACE00 into the hex field, or use RGB 138, 206, 0 if you prefer entering it that way.
3. CSS: use background-color: #8ACE00; or hsl(79, 100%, 40%) — both render identically.
4. Fastest option: our free brat text generator already has this exact shade as its default background preset, so you can skip manual entry entirely and just start typing your text.

Common Mistakes

Expert Tips

• When testing dozens of color combinations for this guide, black text at full opacity on #8ACE00 was the only pairing that stayed comfortably readable across every device we checked it on, from a small phone screen to a large monitor.
• If you’re color-matching from a printed reference (an actual poster or sticker someone sent you) rather than a screen, expect it to read slightly more muted than #8ACE00 looks on-screen — that’s the CMYK gap described above, not a different color.
• For social media specifically, most platforms compress images enough that very slight hex variations (within a few points) won’t be visible to viewers — don’t over-index on pixel-perfect accuracy for a story or post that will be compressed anyway.
• Keep the hex code saved somewhere you’ll actually find it again (a Canva brand kit, a CSS variable, a notes app) — it’s a five-second lookup the first time and an annoying re-search the fifth time.

Related pages in this guide series:

Frequently Asked Questions

The short version: one hex code, #8ACE00, covers almost every use case, and the format conversions above cover the rest. Where people usually go wrong isn’t the lookup — it’s assuming a rough green swatch or an unverified Pantone number is close enough, when the whole point of this shade is how specific it is.