seagreen

#2E8B57

CSS color

Sea Green (#2E8B57) is a deep, rich blue-green CSS named colour with balanced teal and forest green qualities, evoking the deep colour of coastal water in the afternoon light. One of the original CSS named colours, it provides a classic, somewhat conservative blue-green that reads as both natural and dignified. In design it is associated with marine environments, sustainability, and the calming reassurance of natural green-blue tones.

Color Values

HEX

#2E8B57

RGB

46, 139, 87

HSL

146.5, 50.3%, 36.3%

HSV

146.5, 66.9%, 54.5%

CMYK

66.9%, 0.0%, 37.4%, 45.5%

OKLCH

0.5685 0.1187 154.9

Properties

Color Psychology

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #2E8B57;
color: #2E8B57;
border-color: #2E8B57;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.95:1

AA Pass AAA Fail

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #2E8B57?

RGB(46, 139, 87) · HSL(146.5, 50.3%, 36.3%) · CMYK(66.9%, 0.0%, 37.4%, 45.5%)

Does #2E8B57 meet WCAG contrast on white?

4.25:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #2E8B57?

Use 000000 text on a #2E8B57 background; contrast on black is 4.95:1.