Chartreuse Color Hex Code, RGB & HSL Values

What is the meaning of the Chartreuse color?

Chartreuse is a bright, vivid green color with strong yellow undertones, named after the French liqueur. It represents artistic creativity and bold energy, popular in modern design studios.

How to use the Chartreuse color hex code in HTML & CSS?

Developers can invoke Chartreuse color codes in stylesheets using color: #7FFF00;. For modern CSS frameworks, set it as a variable --color-chartreuse: #7FFF00;, or implement it in Tailwind using bg-[#7FFF00].

What are the RGB and HSL codes of Chartreuse?

The RGB breakdown for Chartreuse is rgb(127, 255, 0). In HSL space, it translates to 90° hue, 100% saturation, and 50% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Chartreuse color

For print design projects using CMYK ink models, Chartreuse corresponds to Cyan: 50%, Magenta: 0%, Yellow: 100%, and Black: 0%. Green-heavy spectrums are associated with organic elements and growth, making them highly effective for eco-conscious portals and wellness brands.

Red Channel 127

Green Channel 255

Blue Channel 0

Luminance 0.760

⇄ Chartreuse Color Space Conversions

Click to copy format

HEX Color Code #7FFF00

RGB (Red Green Blue) rgb(127, 255, 0)

HSL (Hue Sat Light) hsl(90°, 100%, 50%)

CMYK (Commercial Print) cmyk(50%, 0%, 100%, 0%)

HSV / HSB Values hsv(90°, 100%, 100%)

Decimal Color Code 8388352

CSS Custom Variable --color-hex: #7FFF00;

Tailwind CSS Utility bg-[#7FFF00]

CSS Named Color chartreuse

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #7FFF00

Small body copy preview

Black Text on Background

Black text readability test with #7FFF00

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Chartreuse */
--color-hex: #7FFF00;
--color-rgb: rgb(127, 255, 0);
--color-hsl: hsl(90deg, 100%, 50%);
--color-name: chartreuse;

Aa Known Color Aliases

✦ Chartreuse Color Meaning

In design psychology, Chartreuse is classified as a green shade, inheriting its psychological associations. The green hue is universally associated with nature, health, and renewal. As the color most prevalent in the natural world, the human eye has evolved to find it restful and calming. In psychology, green signals safety, permission, and go-ahead — from traffic lights to medical symbols. It represents growth, both financial and biological, making it the dominant color in finance and environmental sectors. Dark greens convey prestige and wealth, while bright greens communicate vitality and eco-consciousness. Green rooms in theaters exist specifically because the color's calming effect helps performers prepare before going on stage.

Emotions & Associations

GrowthProsperityCalmHealth

Industries

FinanceHealthcareFood & Organic