Seagreen

seagreen is a CSS color keyword. The closest Tailwind step is emerald-600 (#059669).

#2e8b57rgb(46, 139, 87)
Hex
#2e8b57
RGB
46, 139, 87
HSL
146°, 50%, 36%
OKLCH
56.9% 0.119 154.9
LAB
51.5 -39.7 20.1

Open #2e8b57 in the explorer

Text contrast

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

Black text4.9:1 AAAPCA Lc 38
White text4.2:1 FailAPCA Lc -72

Color vision

How #2e8b57 looks in simulations of color blindness, at full severity.

Full color
#2e8b57
Protanopia
#8b8054
Deuteranopia
#7f775a
Tritanopia
#008a7e

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: seagreen;
background: #2e8b57;
@theme {
  --color-seagreen-50: #deffe8;
  --color-seagreen-100: #a8ffc6;
  --color-seagreen-200: #8ee8af;
  --color-seagreen-300: #71cb93;
  --color-seagreen-400: #54ae77;
  --color-seagreen-500: #328f5a;
  --color-seagreen-600: #087341;
  --color-seagreen-700: #005a31;
  --color-seagreen-800: #004122;
  --color-seagreen-900: #002a14;
  --color-seagreen-950: #001206;
}