Sea Green

A lush green like deep-sea algae, rich and steady with surging vitality beneath

HEX#2E8B57

RGBrgb(46, 139, 87)

HSLhsl(146, 50%, 36%)

HSVhsv(146, 67%, 55%)

CMYKcmyk(67%, 0%, 37%, 45%)

HEXA#2E8B57FF

RGBArgba(46, 139, 87, 1)

HSLAhsla(146, 50%, 36%, 1)

OKLCHoklch(75.6%, 0.094, 162)

LCHlch(73.1%, 38.8, 169)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FBFEFCRatio 4.2:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FBFEFERatio 4.2:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#C6DBECRatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#562E8ARatio 2.3:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#0E2A1A

#133924

#18492D

#1D5837

#246B43

#297A4C

#2E8A56

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#496E59

#457359

#407758

#3C7C58

#378157

#328556

#2E8A56

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#18201B

#1E2E25

#233E2F

#284D38

#2C6344

#2E764D

#2E8A56

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#2E8A3F

#2E8A46

#2E8A4E

#2E8A56

#2E8A5D

#2E8A65

#2E8A6D

💡 Use Cases

🏢

Office Spaces

Using sea green for office walls and furniture helps improve concentration and reduce visual fatigue.

🚢

Nautical Style

The classic color for naval uniforms and nautical-themed decor, conveying the resolute and courageous spirit of the sea.

🌿

Plant Backdrop

The background color for plant walls and plant shops, creating layers with real plants and highlighting natural vitality.

📱

Dark Mode

A base color option for app dark modes, softer than pure black, making it more comfortable for the eyes during prolonged use.

📜 Origin & History

Sea green is one of the HTML standard colors, its inspiration drawn from deep-sea algae and the algae attached to reefs. During the rise of natural history in the 19th century, this color was widely used in botanical illustrations and natural history drawings.

In the mid-20th century, sea green became a highly regarded color in modernist architecture and industrial design because it combined the vitality of nature with the orderliness of artificial environments, serving as a color bridge connecting indoors and outdoors.

In the military field, sea green was used for naval uniforms and ship coatings. Its low visibility provided good camouflage while being more distinguishable than pure green.

In contemporary color trends, sea green has become a popular color in home office spaces and dark modes for digital products due to its visually soothing properties.

🧠 Color Psychology

SerenityLike the quiet world deep under the sea, this rich green can gradually calm a restless heart.

InclusivenessThe ocean-like broad tone carries a power of embracing all things, making one feel safe and accepted.

VitalityThough deep, it is not lifeless; the surging green energy symbolizes tenacious vitality accumulated in silence.

FocusHelps block out external distractions and creates an atmosphere for focused work and contemplation, enhancing efficiency.

NatureEvokes primal memories of forests and oceans, rebuilding a psychological connection with nature amidst concrete and steel.

AssuranceA classic tone that doesn't sway with trends, conveying an inner assurance and a calm, unhurried attitude towards life.

← Back to Explore Colors