What is the hex code for Chartreuse?

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

What RGB values make Chartreuse?

Chartreuse is 127 red, 255 green, and 0 blue, written as rgb(127, 255, 0).

Chartreuse scores 1.3:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: chartreuse directly in CSS, which every browser resolves to #7FFF00.

#7FFF00

Chartreuse is a green tone at #7FFF00. It sits at 90 degrees on the color wheel with 100% saturation and 50% lightness.

Color values

Tints mix Chartreuse with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E5FFCC

Tint 60%

#CCFF99

Tint 40%

#B2FF66

Tint 20%

#99FF33

Base

#7FFF00

Shade 20%

#66CC00

Shade 40%

#4C9900

Shade 60%

#336600

Shade 80%

#193300

On white

Sample text

1.3:1

Fails WCAG for text

On black

Sample text

16.21:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Chartreuse?: The hex code for Chartreuse is #7FFF00. In RGB that is rgb(127, 255, 0), and in HSL it is hsl(90, 100%, 50%).
What RGB values make Chartreuse?: Chartreuse is 127 red, 255 green, and 0 blue, written as rgb(127, 255, 0).
Is Chartreuse readable as text on a white background?: Chartreuse scores 1.3:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Chartreuse a valid CSS color name?: Yes. You can write color: chartreuse directly in CSS, which every browser resolves to #7FFF00.