Chartreuse is a medium, vivid shade in the green color family, with a cool feel. Its HEX code is #7FFF00, which equals rgb(127, 255, 0) in RGB and hsl(90, 100%, 50%) in HSL. In print terms it converts to roughly C50 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7FFF00 - RGB
127, 255, 0 - HSL
90°, 100%, 50% - CMYK
50, 0, 100, 0 - Family
Green - Tone
Medium, vivid
About Chartreuse
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 16.21:1. Its complementary color is #8000FF.
Download Chartreuse as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Chartreuse color codes
| HEX | #7FFF00 |
|---|---|
| RGB | rgb(127, 255, 0) |
| HSL | hsl(90, 100%, 50%) |
| HSV | 90°, 100%, 100% |
| CMYK | 50%, 0%, 100%, 0% |
| Decimal | 8388352 |
Shades and tints of Chartreuse
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAFFD5 - 100
#D4FFAA - 200
#BFFF80 - 300
#AAFF55 - 400
#94FF2B - 500
#7FFF00 - 600
#6AD500 - 700
#55AA00 - 800
#408000 - 900
#2A5500 - 950
#152B00
Color harmonies for Chartreuse
- Complementary
#8000FF≈ Pure Violet - Analogous −30°
#FFFF00≈ Lemon - Analogous +30°
#00FF00≈ Pure Shamrock - Triadic +120°
#0080FF≈ Azure Blue - Triadic +240°
#FF0080≈ Rose - Split 150°
#0000FF≈ Pure Ultramarine - Split 210°
#FF00FF≈ Pure Fuchsia
Contrast and accessibility of Chartreuse
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Chartreuse | Aa | 1.30:1 | Fails |
| Black text on Chartreuse | Aa | 16.21:1 | AAA (excellent) |
CSS code for Chartreuse
background-color: #7FFF00;color: #7FFF00;background-color: rgb(127, 255, 0);background-color: hsl(90, 100%, 50%);:root { --color-chartreuse: #7FFF00; }class="bg-[#7FFF00]"Colors similar to Chartreuse
- Pure Apple
#80FF00 - Lawn Green
#7CFC00 - Pure Fern
#66FF00 - Pure Spring Bud
#99FF00 - Bright Apple
#80E619 - Medium Light Fern
#7EFF29 - Bright Fern
#6BE619 - Bright Spring Bud
#94E619 - Medium Light Apple
#94FF29 - Medium Light Leaf
#69FF29 - Pure Leaf
#4CFF00 - Medium Dark Spring Bud
#81D600
More green shades
- Lime Green
#32CD32 - Forest Green
#228B22 - Sea Green
#2E8B57 - Mint Cream
#F5FFFA - Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Frequently asked questions
What is the HEX code for Chartreuse?
The HEX code for Chartreuse is #7FFF00.
What is the RGB value of Chartreuse?
Chartreuse has an RGB value of 127, 255, 0 (rgb(127, 255, 0)). In HSL it is 90°, 100%, 50%.
What text color should I use on Chartreuse?
Use black text on Chartreuse. White text has a contrast ratio of 1.30:1 and black text has 16.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Chartreuse?
The complementary color of Chartreuse is #8000FF. Analogous colors #FFFF00 and #00FF00 also pair well.