Chartreuse color values
| Format | Value |
|---|---|
| Hex | #7FFF00 |
| RGB | rgb(127, 255, 0) |
| HSL | hsl(90, 100%, 50%) |
| HSV | 90, 100%, 100% |
| CMYK (simple conversion) | 50%, 0%, 100%, 0% |
| Decimal | 8388352 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Chartreuse
Chartreuse is a vivid, electric yellow green that commands immediate attention. Because of its high visibility, safety equipment and warning signs often feature similar shades. Digital designers use it sparingly for call to action buttons or energetic brand identities. It is one of the 148 CSS named colors.
Shades and tints of Chartreuse
Tints mix Chartreuse with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #8CFF1A | #72E600 |
| 20% | #99FF33 | #66CC00 |
| 30% | #A5FF4D | #59B300 |
| 40% | #B2FF66 | #4C9900 |
| 50% | #BFFF80 | #408000 |
Color harmony for Chartreuse
These colors keep the same saturation and lightness as Chartreuse and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #8000FF |
| Analogous | #FEFF00 #00FF00 |
| Triadic | #007FFF #FF007F |
| Split complementary | #0000FF #FF00FF |
Contrast and accessibility
Contrast between #7FFF00 and white is 1.30:1 (fails). Against black it is 16.21:1 (passes AAA). For text on a Chartreuse background, black text is the more readable choice.
Use Chartreuse in CSS
.element {
color: chartreuse;
background-color: #7FFF00;
border-color: rgb(127 255 0);
outline-color: hsl(90 100% 50%);
}All four lines produce exactly the same color. The keyword chartreuse is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lawngreen: #7CFC00
- greenyellow: #ADFF2F
- Yellow Green: #9ACD32
- limegreen: #32CD32
FAQ
What is the hex code for Chartreuse?
The hex code for Chartreuse is #7FFF00. As a CSS color keyword you can also write chartreuse.
What is Chartreuse in RGB?
Chartreuse is rgb(127, 255, 0): red 127, green 255, blue 0 on the 0 to 255 scale.
What color is closest to Chartreuse?
Of the CSS named colors, lawngreen (#7CFC00) is the closest match to Chartreuse, followed by greenyellow and yellowgreen.
More colors
- Cadet Blue: previous page
- Chocolate: next page
- CSS named colors: the full list