CSS Color: Chartreuse
Named CSS color Chartreuse — #7FFF00 in HEX, rgb(127, 255, 0) in RGB, hsl(90, 100%, 50%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Chartreuse | color: Chartreuse; |
| HEX | #7FFF00 | color: #7FFF00; |
| RGB | rgb(127, 255, 0) | color: rgb(127, 255, 0); |
| HSL | hsl(90, 100%, 50%) | color: hsl(90, 100%, 50%); |
About Chartreuse
Chartreuse is a vivid yellow-green named after the French liqueur of the same color. At hex `#7FFF00`, it sits at exactly 90 degrees on the hue wheel — the perfect midpoint between yellow (60 degrees) and green (120 degrees). Maximum green with half-intensity red and zero blue creates its distinctive electric appearance.
In web design, Chartreuse is a dramatic accent color that commands attention. It appears in avant-garde fashion sites, music platforms, and experimental design projects. Its unique position between green and yellow gives it an otherworldly quality that few other colors can match.
Accessibility is very poor on light backgrounds — only about 1.4:1 against white. Chartreuse should exclusively appear on dark surfaces in production UI. Against dark charcoal or black, it provides excellent contrast and a striking visual presence.
Chartreuse is nearly identical to LawnGreen and closely related to GreenYellow, Lime, and SpringGreen. It pairs well with deep purple, black, dark teal, and magenta for bold, modern palettes. In Tailwind CSS, `lime-400` is the closest standard option.
FAQ
What is the hex code for Chartreuse?
The CSS named color Chartreuse has the hex code #7FFF00. You can use it in CSS as color: #7FFF00; or simply color: Chartreuse;.
What is Chartreuse in RGB?
In RGB notation, Chartreuse is rgb(127, 255, 0). Use it in CSS as color: rgb(127, 255, 0);.
What is Chartreuse in HSL?
In HSL notation, Chartreuse is hsl(90, 100%, 50%). Use it in CSS as color: hsl(90, 100%, 50%);.
What color category is Chartreuse?
Chartreuse belongs to the Green color family in the CSS named colors specification.
Can I use the name "Chartreuse" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Chartreuse; or background-color: Chartreuse; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert Chartreuse to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →