greenyellow — #ADFF2F
#ADFF2F
rgb(173, 255, 47) · hsl(84, 100%, 59%) · CSS keyword greenyellow
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| greenyellow on white | 1.23:1 | — | — |
| greenyellow on black | 17.12:1 | AA | AA |
As a background, greenyellow takes black text: 17.12:1 against 1.23:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: greenyellow;
color: #adff2f;
color: rgb(173 255 47);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to greenyellow
- chartreuse — #7FFF00
- lawngreen — #7CFC00
- palegreen — #98FB98
- lightgreen — #90EE90
- yellowgreen — #9ACD32
- yellow — #FFFF00
Frequently asked questions
What is the hex code for greenyellow?
The hex code for greenyellow is #ADFF2F — RGB 173, 255, 47.
Can I use greenyellow for text?
Not on a white background. greenyellow reaches only 1.23:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on greenyellow be black or white?
Black — 17.12:1 against 1.23:1 the other way.
Other named colours
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
- indigo — #4B0082
- ivory — #FFFFF0
- khaki — #F0E68C
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
- lawngreen — #7CFC00
- lemonchiffon — #FFFACD
- lightblue — #ADD8E6
- lightcoral — #F08080
#ADFF2F in full — tints, shades and harmonies · All named colours · Colour reference