chartreuse — #7FFF00
#7FFF00
rgb(127, 255, 0) · hsl(90, 100%, 50%) · CSS keyword chartreuse
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| chartreuse on white | 1.3:1 | — | — |
| chartreuse on black | 16.21:1 | AA | AA |
As a background, chartreuse takes black text: 16.21:1 against 1.3: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.
Where the name comes from
Named after the French liqueur, which takes its colour from the herbs it is macerated with. The liqueur is older than the colour name by about two centuries.
Using it
color: chartreuse;
color: #7fff00;
color: rgb(127 255 0);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 chartreuse
- lawngreen — #7CFC00
- greenyellow — #ADFF2F
- yellowgreen — #9ACD32
- lightgreen — #90EE90
- palegreen — #98FB98
- limegreen — #32CD32
Frequently asked questions
What is the hex code for chartreuse?
The hex code for chartreuse is #7FFF00 — RGB 127, 255, 0.
Can I use chartreuse for text?
Not on a white background. chartreuse reaches only 1.3:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on chartreuse be black or white?
Black — 16.21:1 against 1.3:1 the other way.
Other named colours
- chocolate — #D2691E
- coral — #FF7F50
- cornflowerblue — #6495ED
- cornsilk — #FFF8DC
- crimson — #DC143C
- cyan — #00FFFF
- darkblue — #00008B
- darkcyan — #008B8B
- darkgoldenrod — #B8860B
- darkgray — #A9A9A9
- darkgreen — #006400
- darkkhaki — #BDB76B
#7FFF00 in full — tints, shades and harmonies · All named colours · Colour reference