#7FFF00
chartreuse
#7FFF00 is the CSS named color "chartreuse", an exact match. In RGB it breaks down to red 127, green 255, and blue 0 out of 255 each. In HSL terms that's a hue of 90°, 100% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #7fff00 |
| RGB | rgb(127, 255, 0) |
| HSL | hsl(90° 100% 50%) |
| HSB | hsb(90° 100% 100%) |
| OKLCH | oklch(89% 0.265 136°) |
| OKLAB | oklab(89% -0.191 0.184) |
| LCH | lch(90% 104.0 126°) |
| CMYK | cmyk(50% 0% 100% 0%) |
Shades (darker)
#7fff00 · #67e700 · #4dce00 · #32b700 · #06a000
Tints (lighter)
#7fff00 · #83ff13 · #86ff1f · #8aff28 · #8eff2f
Shades mix #7FFF00 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 1.30:1 — fails
On black: 16.21:1 — AAA
Frequently asked
- What is #7FFF00 in RGB?
- #7FFF00 is rgb(127, 255, 0) — red 127, green 255, blue 0 out of 255 each.
- Does #7FFF00 pass WCAG contrast on a white background?
- It has a contrast ratio of 1.30:1 against white, which fails for normal text.
- What's a good background color to pair with #7FFF00?
- Black text or a black background gives better contrast (16.21:1) than white (1.30:1).