Brat Green in Every Format
Design tools, CSS and print workflows each want the colour in a different format. These are the values this generator uses for its default brat green:
| Format | Value | Where to use it |
|---|---|---|
| HEX | CSS, design tools, colour pickers | |
| RGB | 138, 206, 0 | Digital design, canvas APIs |
| HSL | 80°, 100%, 40% | Adjusting lightness and saturation |
| CMYK (approx.) | 33, 0, 100, 19 | Print starting point — proof before printing |
| CSS | Stylesheets and inline styles |
Screens render colour slightly differently, so treat #8ACE00 as the digital brat green rather than a guaranteed print match.
The Core Brat Palette
These are the background colours the brat treatment is most recognised in. Each keeps the same typography and layout — only the palette changes the mood:
| Colour | Hex | Classic text pairing | Best for |
|---|---|---|---|
| Brat Green | #8ACE00 | Near-black (#111111) | The iconic look — album covers, memes, announcements |
| Black | #000000 | White, or brat green accents | Darker, understated designs |
| White | #FFFFFF | Near-black (#111111) | Clean, minimal graphics |
| Pink | Generator preset | Near-black (#111111) | Playful, softer variations |
| Electric Blue | Generator preset | White or near-black | High-energy social graphics |
Browse them all on the Brat Styles page, where each style opens the Brat Generator with that palette applied.
Background Colours That Work
The background carries most of the brat identity, so it deserves a deliberate choice:
- Classic green background (#8ACE00). The most recognisable option — the one people picture when they hear "brat". Use it when the design should read as brat instantly.
- Lime green (#32CD32). Close to brat green but a touch deeper. It works as a nearby alternative, though for the authentic look #8ACE00 is the safer pick.
- Black background (#000000). Makes white or brat-green text glow. Good for night-mode aesthetics and lyric videos.
- White background (#FFFFFF). The minimalist brat — same condensed type, none of the loud colour. Works well for profile pictures and clean announcements.
If you are designing for a specific platform, pair the background choice with the right canvas shape — see the Brat Canvas Size Guide.
Text Colour Pairings That Stay Readable
Brat typography is condensed and often blurred, so contrast matters more than usual. These pairings are the safest starting points:
- Green background → near-black text. #8ACE00 with #111111 text is the original album-cover pairing and the highest-contrast classic.
- Black background → white text. Maximum contrast; add brat-green accents for highlights.
- White background → near-black text. Clean and readable at any size.
- Coloured backgrounds → test at small sizes. Pink and blue presets look great full-screen but check legibility in feed thumbnails before exporting.
Using These Colours in the Generator
Every tool on this site accepts the palette above. The fastest path from a hex code to a finished graphic:
- Open the generator. Start at the Brat Generator — it loads with the classic #8ACE00 green by default.
- Pick a preset style. The Brat Styles page opens the generator pre-set to green, black, white, pink or blue.
- Or set an exact colour. Use the colour picker to enter #8ACE00 (or any hex from the tables above) for the background and text independently.
- Match the tool to the job. Use the Meme Generator for reaction graphics, the Image Generator for static posts, the Album Cover Generator for 3000 × 3000 cover art, and the Font Generator for typography experiments.
- Export and check. Preview at the size your audience will see — especially for blurred text on bright backgrounds.
A Note on Print vs Screen
#8ACE00 is an RGB-native colour tuned for screens. Converted to CMYK for print it shifts slightly, and every printer renders it a little differently. If you are printing brat-style artwork, always proof a test print before a full run — and if exact colour matching matters, consider a spot colour or a calibrated print shop.
FAQ
Frequently Asked Questions
Quick answers about the brat green hex code, the brat colour palette, background colours and text pairings.
What is the brat green hex code?
Brat green is #8ACE00 — RGB 138, 206, 0, HSL 80°, 100%, 40%, and approximately CMYK 33, 0, 100, 19. It is the default background colour in this generator.
Is lime green the same as brat green?
Not exactly. The CSS colour "limegreen" is #32CD32, a touch deeper and bluer than brat green #8ACE00. Brat green is more acidic and yellow. For the authentic brat look, use #8ACE00.
What colours go well with brat green?
Dark, near-black text (#111111) is the classic pairing and the default in this generator. White text also works on darker green tints, and brat green itself makes a striking accent on black backgrounds.
Can I use a black or white brat background?
Yes. The brat treatment — condensed lowercase text, tight spacing, light blur — works on black, white, pink and blue backgrounds too. Explore the ready-made variations on the Brat Styles page.
What is the best background colour for brat memes?
The classic #8ACE00 green background is the most recognisable choice. For a darker mood use pure black #000000 with white text; for a clean minimal look use white #FFFFFF with dark text.
Where do I change colours in the generator?
Open the generator and use the style cards to switch between green, black, white, pink and blue presets, or open the colour picker to set any custom background and text colour, including the exact #8ACE00 brat green.
Ready to create?
Explore Every Brat Style
See the classic green, black, white and pink styles in action, then open the generator with your favourite palette.
Open Brat Styles