greenwarmCSS named color

Yellowgreen #9ACD32

Yellowgreen is a medium, moderately saturated cool-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Olive Colors · Lime Colors

Color values

FormatValue
HEX#9ACD32
RGBrgb(154, 205, 50)
HSLhsl(80, 61%, 50%)
HSVhsv(80, 76%, 80%)
OKLCHoklch(78.49% 0.184 126.6)
OKLaboklab(78.49% -0.1096 0.1474)
CMYKcmyk(24.9%, 0%, 75.6%, 19.6%)
XYZxyz(35.7336, 50.7623, 10.9325)
CIE-LABlab(76.5, -38.0, 66.6)
CIE-LCHlch(76.5, 76.7, 119.7°)
Luminance0.508 (WCAG relative)
/* Yellowgreen */ --yellowgreen: #9acd32; color: #9acd32; background-color: #9acd32;

Source: W3C CSS named color. CSS keyword: yellowgreen.

Collections: Olive Green Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#8ab62f #7aa02c #6a8b28 #5b7624 #4c6120 #3e4e1c #303b18 #222913 #16180b #000000

Tints (toward white)

#a6d24b #b1d761 #bcdc76 #c7e18a #d1e69d #dbebb1 #e4f0c4 #edf5d8 #f6faeb #ffffff

Tones (toward gray)

#9fcb45 #a4ca55 #a8c863 #acc771 #b0c57e #b3c48b #b6c298 #b9c0a4 #bbbfb0 #bdbdbd

Color harmonies

Complementary

Edit in generator →
#9ACD32
#6532CD
#9acd32 #6532cd

Analogous

Edit in generator →
#CDB232
#9ACD32
#4DCD32
#cdb232 #9acd32 #4dcd32

Triadic

Edit in generator →
#9ACD32
#329ACD
#CD329A
#9acd32 #329acd #cd329a

Tetradic

Edit in generator →
#9ACD32
#32CDB2
#6532CD
#CD324D
#9acd32 #32cdb2 #6532cd #cd324d

Square

Edit in generator →
#9ACD32
#32CDB2
#6532CD
#CD324D
#9acd32 #32cdb2 #6532cd #cd324d

Split Complementary

Edit in generator →
#9ACD32
#324DCD
#B232CD
#9acd32 #324dcd #b232cd

Monochromatic

Edit in generator →
#506B1A
#759C26
#9ACD32
#B2D963
#CAE594
#506b1a #759c26 #9acd32 #b2d963 #cae594

Accessibility & contrast

1.88
#9ACD32 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
11.15
#9ACD32 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on yellowgreen

11.15
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#D8BF0A
Deuteranopia (green-blind)
#D1BC41
Tritanopia (blue-blind)
#A0C3B0

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Slime Green #99CC042.23
Apple Green #76CD264.97
Pea #A4BF205.22
Bright Olive #9CBB045.73
Dark Lime #84B7016.01
Green Yellow #B5CE086.21

Colors that go with yellowgreen

Top matches by hue harmony, contrast and saturation compatibility.

Avocado #568203
2.4:1
Same hue family as yellowgreen (Δh 1°) — guaranteed harmony
Russet #A13905
3.6:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Burgundy #800020
5.8:1
Text-safe contrast with the anchor (5.75:1, passes WCAG AA)
Royal #0C1793
7.2:1
Split-complementary angle (Δh ≈155°) — strong but softer than direct complement
Indigo Blue #3A18B1
5.7:1
Complementary hue (Δh ≈174°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.