FontGenerators.app logo FontGenerators

Color code & contrast tool

Brat Green Color Code: #8ACE00

For digital work, the Brat color code is #8ACE00—the documented Brat green. Its screen equivalents are rgb(138, 206, 0) and hsl(80, 100%, 40.4%). For readable text, use black: it reaches a 10.91:1 contrast ratio, while white reaches only 1.92:1. Copy any format below or open the color in the generator.

Copy Brat green in the format you need

Each button copies the displayed value. CMYK is an approximate digital conversion, not a print-production specification.

Free color tool

Brat green

#8ACE00

Black text recommended

HEX

#8ACE00

RGB

rgb(138, 206, 0)

HSL

hsl(80, 100%, 40.4%)

CMYK (approx.)

33, 0, 100, 19

CSS variable

--brat-green: #8ACE00;

Choose a value to copy.

Black vs. white text contrast on #8ACE00

Black is the accessible choice for text on Brat green. The calculated contrast ratio is 10.91:1 for black and 1.92:1 for white. Under the W3C WCAG contrast guidance, normal text needs at least 4.5:1 and large text needs at least 3:1.

Black: 10.91:1

Passes WCAG AAA for normal text. Use black or a near-black color for headings, labels, and body copy on #8ACE00.

White: 1.92:1

Fails the minimum ratio for normal and large text. Keep white for non-essential decoration, not information people need to read.

Ratios are calculated from the sRGB values of #8ACE00 against #000000 and #FFFFFF. Actual appearance can still vary with displays, overlays, opacity, and export compression.

Where #8ACE00 comes from

Dinamo’s first-hand account of the visual campaign names #8ACE00 as the green chosen for the artwork. That makes the HEX value source-backed rather than sampled from a compressed image.

RGB and HSL are mathematical screen-color conversions of the HEX value. CMYK 33, 0, 100, 19 is an approximate conversion only; it is not an official print specification or a guarantee of how ink will reproduce.

Use Brat green in Canva, Figma, CSS, and PowerPoint

Enter the HEX value directly when the app supports it. For color-managed print work, ask your printer for the correct profile and proof.

Canva

Select an element, open its color control, choose Add a new color, and enter 8ACE00 in the HEX field. For the full text effect, export a PNG from the image generator and add it as an overlay.

Figma

Select a layer, open the Fill color, switch the value to HEX, and enter 8ACE00. Use black text above the fill when readability matters.

CSS

Add --brat-green: #8ACE00; to :root, then apply background-color: var(--brat-green);. Keep foreground text near black.

PowerPoint

Open Shape Fill, choose More Fill Colors, and enter 8ACE00 in the HEX field when your PowerPoint version provides it.

Brat green color FAQ

What is the Brat green color code?

The Brat green color code is #8ACE00. Its equivalent screen values are rgb(138, 206, 0) and hsl(80, 100%, 40.4%).

Is #8ACE00 the documented Brat green?

Yes. Dinamo’s account of the visual campaign identifies #8ACE00 as the green used for the artwork. This page cites that design-team source instead of estimating the color from a screenshot.

Should I use black or white text on Brat green?

Use black for readable text. Black has a 10.91:1 contrast ratio on #8ACE00, while white has a 1.92:1 ratio and does not meet the WCAG minimum for normal text.

Is the CMYK value an official print specification?

No. CMYK 33, 0, 100, 19 is a mathematical approximation converted from #8ACE00, not an official print specification. Printed results can vary by color profile, paper, ink, and printer.

How do I use Brat green in Canva or Figma?

Open the color picker in Canva or Figma, choose the HEX field, and enter 8ACE00. For a consistent brat-style text treatment, create the image with the browser image maker and import the exported PNG as an overlay.

Can I open this color in the image generator?

Yes. Open the generator and the default background is #8ACE00. You can add your own text, adjust blur and size, then download a PNG, JPEG, or WebP image.

Use the color in an image or read the source-backed explanation of the typography.

Brat Generator

Create a static text image with #8ACE00 selected by default, then customize blur, size, alignment, and export format.

What Is the Brat Font?

Learn the font name, the original treatment, legal alternatives, and practical Canva or CapCut workflows.

Make an image with #8ACE00

The generator opens with Brat green and black text ready to edit.

Open in Brat Generator