Chartreuse color: code #7FFF00

Chartreuse

#7FFF00

Color codes

  • HEX#7FFF00
  • RGBrgb(127, 255, 0)
  • HSLhsl(90, 100%, 50%)
  • HSVhsv(90, 100%, 100%)
  • CMYKcmyk(50%, 0%, 100%, 0%)
  • LABlab(89.9% -68.1 85.8)
  • OKLCHoklch(89% 0.265 136)

About the color Chartreuse

Chartreuse has the HEX code #7FFF00, which corresponds to rgb(127, 255, 0) in the RGB model. On the color wheel its hue sits at 90°, with 100% saturation and 50% lightness (hsl(90, 100%, 50%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 16.20:1 contrast ratio on it, versus 1.29:1 for white.

For print, the approximate conversion is cmyk(50%, 0%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Chartreuse

Complementary

#7FFF00 · #8000FF

Analogous

#FFFF00 · #7FFF00 · #00FF00

Triadic

#7FFF00 · #0080FF · #FF0080

Tetradic

#7FFF00 · #00FFFF · #8000FF · #FF0000

Split-complementary

#7FFF00 · #0000FF · #FF00FF

Monochromatic

#408000 · #66CC00 · #7FFF00 · #A6FF4D · #CCFF99

Chartreuse with white and black text

White text Aa Bb Cc 123
1.29:1 · fails WCAG
Black text Aa Bb Cc 123
16.20:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-chartreuse: #7FFF00;
  --color-chartreuse-rgb: 127, 255, 0;
}

.elemento {
  background-color: var(--color-chartreuse);
  color: #000000;
}

Similar colors

Use Chartreuse in our tools