About Green Yellow
Green Yellow (greenyellow) is a medium, vivid green with the hex code #adff2f, or rgb(173, 255, 47). In HSL it sits at a hue of 84°, 100% saturation and 59% lightness. It is one of the 148 named colors every browser understands, so you can write color: greenyellow; instead of the hex value.
Using Green Yellow for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Green Yellow text on white | 1.23 : 1 | fails |
| Green Yellow text on black | 17.12 : 1 | AAA |
On a green yellow background, use black text (17.12 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: greenyellow; /* or #adff2f */
background-color: #adff2f;
border: 1px solid rgb(173 255 47 / 50%);
}Similar named colors
Yellow Green (#9acd32), Chartreuse (#7fff00), Lawn Green (#7cfc00), Yellow (#ffff00), Dark Khaki (#bdb76b), Goldenrod (#daa520).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for green yellow?
#adff2f — that is rgb(173, 255, 47) and hsl(84, 100%, 59%). In CSS you can also just write greenyellow.
Is green yellow text readable on white?
Its contrast ratio on white is 1.23 : 1, which fails WCAG — use it for decoration or on a dark background instead.
What colors go well with green yellow?
Its complementary color is #822eff; analogous colors #ffea2e and #43ff2e sit next to it on the color wheel.