skip to content
real brat generator
en

brat green color code

The brat green color code is #8ACE00. That is the whole answer. Below: the same color in every format you might need, and where the number actually comes from.

#8ACE00
hex #8ACE00
rgb 138, 206, 0
hsl 80, 100%, 40%
cmyk 33, 0, 100, 19

A note on the CMYK: it is an approximation. Ink conversion depends on the print profile, so if the job matters, ask your printer whether they would rather work from the Pantone reference below.

which green is the real one

Search for this color and you will meet two hexes. #8ACE00 is the one sampled directly from the original 2048px cover file, the actual pixels of the artwork. #8ACF00 shows up in a well-known web recreation of the cover and sits exactly one unit higher in the green channel. Perceptually the two are identical. No monitor renders them differently enough for a human to notice.

Then there is Pantone 3507 C, which gets passed around as the official answer. It is the print reference, and that is all it is. Pantone's own digital conversion of 3507 C resolves to a different hex, so using it for screen work adds an error the source never had. Print job: 3507 C. Anything with a backlight: #8ACE00. Keep them in their lanes.

using it

In CSS it is one line: background: #8ACE00. Add color: #000 and you have the whole composition. No gradient, no overlay, no texture layer pretending to be depth.

In design apps, paste the hex straight into the color picker. Every picker worth using accepts a hex string, and #8ACE00 needs no adjustment on top. If a tool demands RGB instead, it is 138, 206, 0.

For pairing, do what the original does: pure black text on the green, lowercase, centered, nothing else. The restraint is the style. Resist the second accent color. It has claimed better designers than you.

contrast: what you can legibly put on it

This green is bright. Its relative luminance is 0.4955, which lands almost exactly in the middle of the scale, and that middle position is why it is a difficult background: it is too light for white text and too dark for nothing. The original picked the one pairing that works.

These are WCAG 2.1 contrast ratios, calculated rather than eyeballed. Body text needs 4.5:1 to pass AA, large text needs 3:1, and 7:1 clears AAA.

pairing ratio verdict
black text on #8ACE00 10.91:1 passes AAA. the original pairing, and the right one.
off-black (#101208) on #8ACE00 9.81:1 passes AAA. softer than pure black if you want it.
white text on #8ACE00 1.92:1 fails everything, including large text. do not.
#8ACE00 text on black 10.91:1 passes AAA. the green works better as ink than as paper.
#8ACE00 text on white 1.92:1 fails. the green is too light to read on paper white.

The short version: put black on the green, or put the green on black. Anything involving white and this green in the same text pairing is illegible, which is why you never see it on the real thing.

colors that sit next to it

The aesthetic is one green and one black, and adding a third color is usually how a recreation goes wrong. But if you are building a whole page or a set of posts rather than a single cover, these are the neighbours that behave.

pure black #000000 the text color. the only one the original uses.
white #FFFFFF the alternate background. never the text on green.
off-black #101208 for large surfaces, where pure black reads as a hole.
hot pink #FF69B4 the fan colorway. black text on it clears AAA at 7.93:1.

the value in every format you might need

Same color, different syntax. Copy whichever your tool speaks.

css custom property --brat: #8ACE00;
css rgb rgb(138 206 0)
tailwind theme --color-brat: #8ACE00;
swift ui Color(red: 0.541, green: 0.808, blue: 0)
android xml <color name="brat">#FF8ACE00</color>
flutter Color(0xFF8ACE00)

The Android value carries a leading FF because that channel is opacity, not color. The green itself is fully opaque in every one of these.

want it applied for you? the generator defaults to this exact green. type a word, download the cover at full resolution.

faq

what is the brat green hex code?

#8ACE00. In RGB that is 138, 206, 0, and in HSL it is 80, 100%, 40%. The value was sampled from the original 2048px cover file, not eyeballed from a compressed screenshot.

what is brat green in rgb?

RGB 138, 206, 0. Red at 138, green at 206, and no blue at all. The empty blue channel is what gives the color its warm, slightly radioactive edge on screens.

what is the closest pantone to brat green?

Pantone 3507 C is the print reference. Treat it as print-only, though: Pantone's own digital value for 3507 C lands on a different hex, so quoting it for screen work introduces an error the original never had. Use #8ACE00 on displays and 3507 C only when a printer asks.

is #8ACF00 wrong?

Not in any way you can see. It differs from #8ACE00 by one unit in the green channel, a gap no display and no pair of eyes can resolve. #8ACE00 is the value measured from the artwork itself, so it is the one to use when you want to be exact.