Yellow Green Color Hex Code, RGB & HSL Values

What is the meaning of the Yellow Green color?

Yellow Green is a warm, medium-bright green color. It represents natural apple orchards, fresh leaves, and organic growth, offering a friendly, down-to-earth tone for food branding.

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

To style elements with Yellow Green on a website, use the hex code #9ACD32 in your HTML/CSS. Adding background-color: #9ACD32; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#9ACD32] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Yellow Green?

In the digital sRGB spectrum, the Yellow Green color code is mapped to RGB values of Red: 154, Green: 205, and Blue: 50. In the HSL system, it registers at hue angle 80°, saturation 61%, and lightness index 50%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Yellow Green color

To reproduce the named shade Yellow Green in print systems, the CMYK ink configuration requires 25% Cyan, 0% Magenta, 76% Yellow, and 20% black. Green-heavy spectrums are associated with organic elements and growth, making them highly effective for eco-conscious portals and wellness brands.

Red Channel 154

Green Channel 205

Blue Channel 50

Luminance 0.508

⇄ Yellow Green Color Space Conversions

Click to copy format

HEX Color Code #9ACD32

RGB (Red Green Blue) rgb(154, 205, 50)

HSL (Hue Sat Light) hsl(80°, 61%, 50%)

CMYK (Commercial Print) cmyk(25%, 0%, 76%, 20%)

HSV / HSB Values hsv(80°, 76%, 80%)

Decimal Color Code 10145074

CSS Custom Variable --color-hex: #9ACD32;

Tailwind CSS Utility bg-[#9ACD32]

CSS Named Color yellowgreen

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #9ACD32

Small body copy preview

Black Text on Background

Black text readability test with #9ACD32

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 Yellow Green */
--color-hex: #9ACD32;
--color-rgb: rgb(154, 205, 50);
--color-hsl: hsl(80deg, 61%, 50%);
--color-name: yellowgreen;

Aa Known Color Aliases

✦ Yellow Green Color Meaning

As a notable shade in the green spectrum, Yellow Green embodies the core psychological traits of the green color family. The green spectrum 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

ProsperityGrowthBalanceNature

Industries

TechnologyFood & OrganicHealthcare