Chartreuse hex code
The hex code for chartreuse is #7FFF00. In RGB that is rgb(127, 255, 0) and in HSL it is hsl(90, 100%, 50%).
The hex code for chartreuse is #7FFF00. In RGB that is rgb(127, 255, 0) and in HSL it is hsl(90, 100%, 50%).
Chartreuse · #7FFF00
Colour codes
- HEX
- #7FFF00
- RGB
- rgb(127, 255, 0)
- HSL
- hsl(90, 100%, 50%)
- CMYK
- 50, 0, 100, 0
- CSS name
- chartreuse
- Contrast on white
- 1.30:1
- Contrast on black
- 16.21:1
Tints and shades
20% lighter · #99ff33
40% lighter · #b2ff66
60% lighter · #ccff99
80% lighter · #e5ffcc
20% darker · #66cc00
40% darker · #4c9900
60% darker · #336600
80% darker · #193300
Complementary colour
Chartreuse · #7FFF00
Opposite on the colour wheel · #8000ff
Frequently asked questions
What is the hex code for chartreuse?
The hex code for chartreuse is #7FFF00. In RGB that is rgb(127, 255, 0) and in HSL it is hsl(90, 100%, 50%).
Can I use chartreuse for text?
It has a contrast ratio of 1.30:1 on white and 16.21:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with chartreuse?
Its complementary colour, opposite on the colour wheel, is #8000FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of chartreuse instead.
Is chartreuse a CSS colour name?
Yes. CSS accepts the keyword chartreuse, so color: chartreuse and color: #7FFF00 render exactly the same.