Green color

Chartreuse #7FFF00

#7FFF00 · rgb(127, 255, 0)

Chartreuse is the color #7FFF00. In RGB it is rgb(127, 255, 0) — 50% red, 100% green and 0% blue. Its CMYK breakdown is 50% cyan, 0% magenta, 100% yellow and 0% black, and in HSL it sits at 90° hue, 100% saturation and 50% lightness. Chartreuse is one of the 140 standard CSS / HTML color names, so color: chartreuse works in CSS. The closest web-safe color is #66FF00.

Open in color picker Convert Make a palette Check contrast

Chartreuse color codes

Hex#7FFF00

RGBrgb(127, 255, 0)

RGB %50%, 100%, 0%

HSLhsl(90, 100%, 50%)

HSV / HSBhsv(90, 100%, 100%)

CMYKcmyk(50%, 0%, 100%, 0%)

OKLCHoklch(89% 0.265 136)

Closest web-safe#66FF00

Chartreuse color meaning

Chartreuse is a bold and energetic green — a cool color at 50% lightness and 100% saturation. Like other greens, it is linked with nature, growth and balance. It is the color the eye finds most restful, which is why it signals health, freshness and "go".

Because it is bold and energetic, chartreuse works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (1.3:1), so use it for fills and backgrounds and put black text on top (16.2:1).

What colors go with Chartreuse?

Chartreuse pairs well with Blue Violet, Yellow, Lime and Linen: Blue Violet sits close to its opposite on the color wheel for strong contrast, Yellow and Lime are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around chartreuse in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Chartreuse at a glance

Color family	Green · cool, bold and energetic
CSS color name	Yes — `chartreuse` works in CSS
As text on white	1.30:1 — not readable as text
Best text on it	Black (16.21:1)
For print (CMYK)	50% cyan, 0% magenta, 100% yellow, 0% black
Full screen	Open the chartreuse screen — fill your display or download it in 4K

Contrast

Contrast ratio of Chartreuse against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.30:1 Black text — 16.21:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Chartreuse

Chartreuse color FAQ

What is the hex code for Chartreuse?

Chartreuse is #7FFF00, which is rgb(127, 255, 0) and hsl(90, 100%, 50%). For print it is roughly C50 M0 Y100 K0.

What colors go with Chartreuse?

Chartreuse pairs well with Blue Violet, Yellow, Lime, Linen. Blue Violet gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Chartreuse a warm or cool color?

Chartreuse is a cool color: its hue is 90°, on the green, blue and violet side of the color wheel.

What text color looks best on Chartreuse?

Black text, with a contrast ratio of 16.2:1, which meets WCAG AA for normal text.