Green family
Chartreuse color
A pale, vivid green. The reference chartreuse is #7FFF00, as defined by the CSS named color.
| HEX | #7FFF00 | |
|---|---|---|
| RGB | rgb(127, 255, 0) | |
| HSL | hsl(90, 100%, 50%) | |
| HSV | hsv(90, 100%, 100%) | |
| OKLCH | oklch(89.0% 0.265 136.0) | |
| CMYK* | 50, 0, 100, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is chartreuse?
Chartreuse is a bright yellow-green named after a French liqueur of the same colour. In CSS it is #7FFF00, halfway between green and yellow on the colour wheel. The xkcd survey chartreuse is yellower, which matches how the word is used in fashion.
Chartreuse hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of chartreuse in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Chartreuse | #7FFF00 | CSS named color | Reference shown on this page |
| Chartreuse | #C1F80A | xkcd Color Survey | Noticeably different · 74% similar |
| Chartreuse | #C1F80A | Color Names (meodai) | Noticeably different · 74% similar |
Chartreuse vs Lime
#7FFF00
#00FF00
Lime in CSS is pure screen green; chartreuse adds yellow to it. In numbers: the two are 80% similar (OKLab distance 0.050). See Lime for its own codes.
Colors similar to chartreuse
The closest named colors to #7FFF00 across all three sources, with their similarity in OKLab.
Tints and shades of chartreuse
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with chartreuse
Classic color-wheel combinations built on #7FFF00, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Chartreuse with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a chartreuse background, black text is the better choice.
Use chartreuse in CSS
.chartreuse {
color: #7FFF00;
/* or */ color: rgb(127 255 0);
/* or */ color: hsl(90 100% 50%);
/* or */ color: oklch(89.0% 0.265 136.0);
/* CSS keyword */ color: chartreuse;
}