yellowgreen

#9ACD32

CSS color

Yellow Green (#9ACD32) is a vivid, medium yellow-green CSS named colour, calibrated at the lively intersection of primary yellow and green that evokes fresh spring growth, lime fruit, and the energetic first shoots of new plants. One of the CSS standard colours, it provides a clean, distinct hue that reads as neither pure yellow nor pure green — the colour of young chartreuse-adjacent vegetation. In design it conveys growth, freshness, and natural vitality.

Color Values

HEX

#9ACD32

RGB

154, 205, 50

HSL

79.7, 60.8%, 50.0%

HSV

79.7, 75.6%, 80.4%

CMYK

24.9%, 0.0%, 75.6%, 19.6%

OKLCH

0.7849 0.1837 126.6

Properties

Color Psychology

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #9ACD32;
color: #9ACD32;
border-color: #9ACD32;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.15:1

AA Pass AAA Pass

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #9ACD32?

RGB(154, 205, 50) · HSL(79.7, 60.8%, 50.0%) · CMYK(24.9%, 0.0%, 75.6%, 19.6%)

Does #9ACD32 meet WCAG contrast on white?

1.88:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #9ACD32?

Use 000000 text on a #9ACD32 background; contrast on black is 11.15:1.