Chartreuse color

Named after a French liqueur made by Carthusian monks. It sits halfway between green and yellow. It's a bold shade used for design accents and trend-driven fashion.

Also known as: chartreuse green.

Chartreuse · #7FFF00

About chartreuse

Chartreuse (#7FFF00) is a balanced, mid-tone, highly saturated color. It belongs to the greens family. It mixes 127 red, 255 green and 0 blue (out of 255). It is mostly used in web, graphic design, fashion.

Chartreuse shades and tints

From lightest to darkest. Tap a shade to copy its code.

Chartreuse color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Violet

AnalogousClose to: Yellow, Neon green

TriadicClose to: Electric blue, Deep pink

Split complementaryClose to: Blue, Magenta

TetradicClose to: Cyan, Violet, Red

Chartreuse color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Chartreuse

Analogous palette · Chartreuse

Complementary palette · Chartreuse

Triadic palette · Chartreuse

With neutrals palette · Chartreuse

With an accent palette · Chartreuse

Chartreuse contrast with text

White textContrast 1.3:1 · Not recommended

Black textContrast 16.2:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --chartreuse: #7FFF00;
  --chartreuse-rgb: 127, 255, 0;
}
.bg { background-color: var(--chartreuse); }
.text { color: var(--chartreuse); }

Colors similar to chartreuse

Grass green Neon green Lime green Fluorescent yellow Apple green Yellow Mint green Pastel green Lemon yellow Light green

Themed palettes with this color

Frequently asked questions

What is the hex code for chartreuse?

The hex code for chartreuse is #7FFF00. In RGB it is rgb(127, 255, 0), in HSL hsl(90, 100%, 50%) and in CMYK 50, 0, 100, 0.

What is the complementary color of chartreuse?

Its complement on the color wheel is #8000FF, close to violet. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on chartreuse?

Use black text instead: the contrast with white is only 1.3:1, while with black it is 16.2:1.