CSS Color: GreenYellow
Named CSS color GreenYellow — #ADFF2F in HEX, rgb(173, 255, 47) in RGB, hsl(84, 100%, 59%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | GreenYellow | color: GreenYellow; |
| HEX | #ADFF2F | color: #ADFF2F; |
| RGB | rgb(173, 255, 47) | color: rgb(173, 255, 47); |
| HSL | hsl(84, 100%, 59%) | color: hsl(84, 100%, 59%); |
About GreenYellow
GreenYellow is a vivid, electric chartreuse that leans more green than yellow despite its name. At hex `#ADFF2F`, it has maximum green intensity with moderate red and minimal blue, sitting at 84 degrees on the hue wheel with full saturation and 59% lightness.
In web design, GreenYellow is a bold, attention-grabbing accent used sparingly for highlights, gaming interfaces, tech-forward brands, and neon-themed designs. It works best as a small accent rather than a dominant color due to its high intensity.
Accessibility: GreenYellow against white achieves poor contrast (about 1.4:1), making it unsuitable for text on light backgrounds. Against dark backgrounds, it provides excellent visibility and an energetic, modern feel.
GreenYellow is part of the chartreuse family and sits between Lime and Yellow on the color wheel. It pairs well with dark purple, charcoal, black, and deep teal for high-contrast modern designs. In Tailwind CSS, `lime-400` is the closest approximation.
FAQ
What is the hex code for GreenYellow?
The CSS named color GreenYellow has the hex code #ADFF2F. You can use it in CSS as color: #ADFF2F; or simply color: GreenYellow;.
What is GreenYellow in RGB?
In RGB notation, GreenYellow is rgb(173, 255, 47). Use it in CSS as color: rgb(173, 255, 47);.
What is GreenYellow in HSL?
In HSL notation, GreenYellow is hsl(84, 100%, 59%). Use it in CSS as color: hsl(84, 100%, 59%);.
What color category is GreenYellow?
GreenYellow belongs to the Green color family in the CSS named colors specification.
Can I use the name "GreenYellow" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: GreenYellow; or background-color: GreenYellow; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert GreenYellow to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →