Green Color Family

Sea Green Color Hex Code, RGB & HSL Values

Browse all Green Colors

What is the meaning of the Sea Green color?

Sea Green is a cool, medium-dark green color resembling the ocean's depths. It represents calm, natural harmony, and wellness, making it popular for organic cosmetics and spa branding.

How to use the Sea Green color hex code in HTML & CSS?

Developers can invoke Sea Green color codes in stylesheets using color: #2E8B57;. For modern CSS frameworks, set it as a variable --color-sea green: #2E8B57;, or implement it in Tailwind using bg-[#2E8B57].

What are the RGB and HSL codes of Sea Green?

The RGB breakdown for Sea Green is rgb(46, 139, 87). In HSL space, it translates to 146° hue, 50% saturation, and 36% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Sea Green color

For print design projects using CMYK ink models, Sea Green corresponds to Cyan: 67%, Magenta: 0%, Yellow: 37%, and Black: 45%. Green-heavy spectrums are associated with organic elements and growth, making them highly effective for eco-conscious portals and wellness brands.

Red Channel 46
Green Channel 139
Blue Channel 87
Luminance 0.197

Sea Green Color Space Conversions

Click to copy format
HEX Color Code #2E8B57
RGB (Red Green Blue) rgb(46, 139, 87)
HSL (Hue Sat Light) hsl(146°, 50%, 36%)
CMYK (Commercial Print) cmyk(67%, 0%, 37%, 45%)
HSV / HSB Values hsv(146°, 67%, 55%)
Decimal Color Code 3050327
CSS Custom Variable --color-hex: #2E8B57;
Tailwind CSS Utility bg-[#2E8B57]
CSS Named Color seagreen

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #2E8B57

Small body copy preview

Black Text on Background

Black text readability test with #2E8B57

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Sea Green */
--color-hex: #2E8B57;
--color-rgb: rgb(46, 139, 87);
--color-hsl: hsl(146deg, 50%, 36%);
--color-name: seagreen;

Aa Known Color Aliases

Sea Green seagreen (CSS Identifier) Ocean GreenDark Sea Green (muted)Marine Green

Sea Green Color Meaning

In design psychology, Sea Green is classified as a green shade, inheriting its psychological associations. The green hue is universally associated with nature, health, and renewal. As the color most prevalent in the natural world, the human eye has evolved to find it restful and calming. In psychology, green signals safety, permission, and go-ahead — from traffic lights to medical symbols. It represents growth, both financial and biological, making it the dominant color in finance and environmental sectors. Dark greens convey prestige and wealth, while bright greens communicate vitality and eco-consciousness. Green rooms in theaters exist specifically because the color's calming effect helps performers prepare before going on stage.

Emotions & Associations

SafetyHealthNatureGrowth

Industries

Food & OrganicHealthcareEnvironment

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!