Yellowgreen

yellowgreen is a CSS color keyword. The closest Tailwind step is lime-500 (#84cc16).

#9acd32rgb(154, 205, 50)

Hex: #9acd32
RGB: 154, 205, 50
HSL: 80°, 61%, 50%
OKLCH: 78.5% 0.184 126.6
LAB: 76.5 -38.0 66.6

Open #9acd32 in the explorer

Text contrast

Black or white text on #9acd32. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text11.2:1 AAAAPCA Lc 70

White text1.9:1 FailAPCA Lc -38

Color vision

How #9acd32 looks in simulations of color blindness, at full severity.

Full color
#9acd32

Protanopia
#d8bf0a

Deuteranopia
#d1bc41

Tritanopia
#a0c3b0

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to yellowgreen.

50 100200300400500600700800900950

Copy into CSS

color: yellowgreen;
background: #9acd32;

@theme {
  --color-yellowgreen-50: #e8ffca;
  --color-yellowgreen-100: #c8fe6b;
  --color-yellowgreen-200: #b1e651;
  --color-yellowgreen-300: #95c82b;
  --color-yellowgreen-400: #7caa00;
  --color-yellowgreen-500: #638900;
  --color-yellowgreen-600: #4e6c00;
  --color-yellowgreen-700: #3b5400;
  --color-yellowgreen-800: #2a3d00;
  --color-yellowgreen-900: #192700;
  --color-yellowgreen-950: #081000;
}