Sea Green in OKLCH

Sea Green is the cool blue-leaning green CSS named color #2E8B57. 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(56.9% 0.119 154.9)

HEX#2E8B57

RGBrgb(46 139 87)

sRGB: in gamutDisplay-P3: in gamut

#2E8B57

oklch(56.9% 0.119 154.9)

Lightness56.9%

Chroma0.119

Hue154.9°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(56.9% 0.119 154.9)

HEX

#2E8B57

RGB

rgb(46 139 87)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.25:1

AA ✗AAA ✗

APCA Lc 69

Aa on blackWCAG 4.95:1

AA ✓AAA ✗

APCA Lc 33

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.081 154.9);
  --color-brand-100: oklch(94.0% 0.085 154.9);
  --color-brand-200: oklch(88.0% 0.091 154.9);
  --color-brand-300: oklch(80.0% 0.099 154.9);
  --color-brand-400: oklch(70.0% 0.110 154.9);
  --color-brand-500: oklch(62.0% 0.119 154.9);
  --color-brand-600: oklch(54.0% 0.110 154.9);
  --color-brand-700: oklch(46.0% 0.102 154.9);
  --color-brand-800: oklch(38.0% 0.093 154.9);
  --color-brand-900: oklch(30.0% 0.085 154.9);
  --color-brand-950: oklch(22.0% 0.076 154.9);
}

About sea green

Sea Green is a muted green with a hint of blue that reads as calm, fresh and coastal, which suits wellness, spa and sustainability branding. Its moderate lightness and chroma make the tonal scale versatile for both soft mint tints and deep marine shades. Hold the hue and vary lightness for the range, then copy the OKLCH, HEX or RGB value.

Sea Green in CSS: oklch(56.9% 0.119 154.9) · #2e8b57 · rgb(46 139 87)

Frequently Asked Questions

Sea green (#2E8B57) leans slightly toward blue and is a touch cooler, while forest green (#228B22) is a pure, warmer green. In OKLCH sea green has a hue angle shifted toward cyan.

Sea green is rgb(46, 139, 87). 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

Sea Green in OKLCH

Values

Contrast (this color as text)

Tonal palette

Export

About sea 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