What colors go well with chartreuse?

Chartreuse pairs with its complementary colour #8000FF and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Chartreuse Color — Hex Code #7FFF00, RGB, Palettes & CSS

Q: What is the hex code for chartreuse?

Chartreuse is commonly #7FFF00, which is rgb(127, 255, 0). Like most descriptive colour names it covers a small range, but this is a widely used value.

Chartreuse colour codes

Hex

#7FFF00

RGB

rgb(127, 255, 0)

HSL

hsl(90, 100%, 50%)

HSV

hsv(90, 100%, 100%)

OKLCH

oklch(0.89 0.27 136)

CMYK

cmyk(50%, 0%, 100%, 0%)

Complementary palette

Chartreuse with its opposite on the colour wheel.

#7FFF00

rgb(127, 255, 0)

#8000FF

rgb(128, 0, 255)

Triad palette

Chartreuse with two evenly-spaced partners.

#7FFF00

rgb(127, 255, 0)

#007FFF

rgb(0, 127, 255)

#FF007F

rgb(255, 0, 127)

Monochromatic palette

Lighter and darker versions of chartreuse at the same hue.

#46800D

rgb(70, 128, 13)

#62B312

rgb(98, 179, 18)

#7EE617

rgb(126, 230, 23)

#8CFF19

rgb(140, 255, 25)

Lighter tints

Chartreuse toward white.

#7FFF00

rgb(127, 255, 0)

#91FF24

rgb(145, 255, 36)

#A4FF49

rgb(164, 255, 73)

#B6FF6D

rgb(182, 255, 109)

#C8FF92

rgb(200, 255, 146)

#DAFFB6

rgb(218, 255, 182)

#EDFFDB

rgb(237, 255, 219)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Chartreuse toward black.

#7FFF00

rgb(127, 255, 0)

#6DDB00

rgb(109, 219, 0)

#5BB600

rgb(91, 182, 0)

#499200

rgb(73, 146, 0)

#366D00

rgb(54, 109, 0)

#244900

rgb(36, 73, 0)

#122400

rgb(18, 36, 0)

#000000

rgb(0, 0, 0)

About chartreuse

A vivid yellow-green named after the French liqueur. Bright and bold, it makes a striking accent colour. The value shown here (#7FFF00) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with chartreuse

The complementary colour (#8000FF) sits opposite chartreuse on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using chartreuse in your design

For CSS, paste #7FFF00 or the oklch(0.89 0.27 136) value, or download the ready-made chartreuse.css file above — it includes a full 50–950 token scale. Always check contrast before using chartreuse behind text.

What is the hex code for chartreuse?

Chartreuse is commonly #7FFF00 (rgb(127, 255, 0)). It covers a small range, but this is a widely used value.

What colours go well with chartreuse?

Its complementary colour #8000FF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Chartreuse colour

Chartreuse colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About chartreuse

Palettes that work with chartreuse

Using chartreuse in your design

Popular colours

Color tools