Lime Green in OKLCH

Lime Green is the bright, vivid CSS named color #32CD32. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(74.2% 0.229 142.8)

HEX#32CD32

RGBrgb(50 205 50)

sRGB: in gamutDisplay-P3: in gamut

#32CD32

oklch(74.2% 0.229 142.8)

Lightness74.2%

Chroma0.229

Hue142.8°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(74.2% 0.229 142.8)

HEX

#32CD32

RGB

rgb(50 205 50)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 2.12:1

AA ✗AAA ✗

APCA Lc 41

Aa on blackWCAG 9.91:1

AA ✓AAA ✓

APCA Lc 61

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.157 142.8);
  --color-brand-100: oklch(94.0% 0.163 142.8);
  --color-brand-200: oklch(88.0% 0.175 142.8);
  --color-brand-300: oklch(80.0% 0.192 142.8);
  --color-brand-400: oklch(70.0% 0.212 142.8);
  --color-brand-500: oklch(62.0% 0.229 142.8);
  --color-brand-600: oklch(54.0% 0.212 142.8);
  --color-brand-700: oklch(46.0% 0.196 142.8);
  --color-brand-800: oklch(38.0% 0.179 142.8);
  --color-brand-900: oklch(30.0% 0.163 142.8);
  --color-brand-950: oklch(22.0% 0.146 142.8);
}

About lime green

Lime Green is a fresh, high-energy green that signals growth, go and freshness, which makes it a favourite for success states, health apps and playful brands. It is bright and quite chromatic, so keep an eye on the gamut badge for the most saturated steps. Fix the hue and vary lightness for a light-to-deep lime ramp, then copy the OKLCH, HEX or RGB value.

Lime Green in CSS: oklch(74.2% 0.229 142.8) · #32cd32 · rgb(50 205 50)

Frequently Asked Questions

Lime green (#32CD32) is slightly darker and less pure than CSS lime (#00FF00). In OKLCH lime green has a lower lightness and chroma, which makes it a bit easier on the eyes.

Lime green is rgb(50, 205, 50). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker

From the blog

accessibility

Lime Green in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About lime green

Frequently Asked Questions

Other colors in OKLCH

From the blog

APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026

Migrating to Tailwind v4: How to Configure Custom OKLCH Color Themes

The Science of Wide-Gamut Web Colors and Gamut Mapping

Values

Contrast (this color as text)

Tonal palette

Export