Chartreuse (CSS)

Chartreuse (CSS) is a medium, saturated green color with the hex code #7FFF00 (hue 90°, saturation 100%, lightness 50%). It is also the CSS named color chartreuse.

#7FFF00

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Chartreuse (CSS)	`#7FFF00`	127, 255, 0	90°, 100%, 50%	50, 0, 100, 0	89.0% 0.265 136

Contrast with white text 1.30:1, with black text 16.21:1 — use black text on Chartreuse (CSS).

chartreuse is one of the 148 named colors in CSS, with exactly this value, so color: chartreuse works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#E5FFCC

#BFFF80

#99FF33

#72E600

#4C9900

#264D00

Colors that go with Chartreuse (CSS)

Six color schemes built on Chartreuse (CSS) with classic harmony rules. The complementary scheme pairs it with Purple Climax (#8800FF), the color opposite it on the color wheel.

Nearest CSS named colors

Lawn Green (CSS) (lawngreen): Lawn Green (CSS) (#7CFC00) is about as light as Chartreuse (CSS) (relative luminance 0.739 vs 0.760) and equally saturated, with the same hue.
Green Yellow (greenyellow): Green Yellow (#ADFF2F) is lighter than Chartreuse (CSS) (relative luminance 0.806 vs 0.760) and equally saturated, with its hue 6° away.
Lime (CSS) (lime): Lime (CSS) (#00FF00) is darker than Chartreuse (CSS) (relative luminance 0.715 vs 0.760) and equally saturated, with its hue 30° away.
Spring Green (springgreen): Spring Green (#00FF7F) is about as light as Chartreuse (CSS) (relative luminance 0.731 vs 0.760) and equally saturated, with its hue 60° away.

Gradients with Chartreuse (CSS)

Similar medium green colors

Questions

What is the hex code for Chartreuse (CSS)?

#7FFF00 — RGB 127, 255, 0, HSL 90°, 100%, 50%.

Is Chartreuse (CSS) a warm or cool color?

Cool — its hue sits at 90° on the color wheel.