Light Sea Green

HEX: #20B2AA | Modern Palette

On White
2.62:1
FAIL
On Black
8.01:1
PASS

Color Specifications

HEX
#20B2AA
RGB
32, 178, 170
HSL
176°, 82% ,69%
CMYK
82.02, 0, 4.49, 30.2

About Light Sea Green

Light Sea Green (#20B2AA) is a color with RGB(32, 178, 170) and HSL(176.71°, 82.02%, 69.8%). It is commonly associated with Bold, Playful moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #B22028, which creates strong contrast. Its triadic palette includes #AA20B2 and #B2AA20. The name comes from Light Sea Green (English).

  • HEX: #20B2AA
  • RGB: 32, 178, 170
  • HSL: 176.71°, 82.02%, 69.8%
  • Mood: Bold, Playful
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #B22028
  • Triadic colors: #AA20B2, #B2AA20
  • The name comes from Light Sea Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #20B2AA from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #9999AC
Protanopia #A9A9AA
Tritanopia #27B1B1
Achromatopsia #A0A0A0

Frequently Asked Questions

Light Sea Green (#20B2AA) is a color with RGB(32, 178, 170) and HSL(176.71°, 82.02%, 69.8%).

#20B2AA pairs strongly with #B22028 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#20B2AA is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#20B2AA is commonly associated with Bold, Playful.

The name Light Sea Green is linked to Light Sea Green from English, meaning A light shade of green, reminiscent of shallow sea water..

Name, History & Etymology

Origin Word Light Sea Green
Meaning A light shade of green, reminiscent of shallow sea water.
Language English
First Recorded Use Late 19th - Early 20th Century (as a named color)

History

The concept of 'sea green' as a color has existed for centuries, describing the varying hues of the ocean. Adding 'light' specifies a particular intensity. The standardization of such descriptive color names became more prevalent with the advent of industrial chemistry and the need for precise color communication in manufacturing and design. Its inclusion in digital color standards like X11 (and subsequently CSS) cemented its status as a distinct, named color in the digital realm.

First Recorded Use

While the individual words 'light', 'sea', and 'green' have ancient origins, the specific compound color name 'Light Sea Green' as a distinct, recognized color in art, fashion, or industry likely emerged in the late 19th or early 20th century with the proliferation of standardized color systems and commercial dyes. It was officially recognized by X11 in 1987.

Cultural Associations

Colors associated with the sea often evoke feelings of tranquility, freshness, and nature. 'Light Sea Green' specifically might suggest clear, shallow waters, tropical lagoons, or a serene coastal environment. It's a popular color in interior design for creating calming spaces, and in fashion for spring/summer collections. It can also be associated with health and well-being due to its natural connotations.

Similar Named Colors

Verdigris #43B3AE ΔE 2.31
Tiffany Blue #0ABAB5 ΔE 2.52
Keppel #3AB09E ΔE 3.89
Persian Green #00A693 ΔE 5.64

Code Snippets

/* Background */
.element {
    background-color: #20B2AA;
}

/* Text */
.element {
    color: #20B2AA;
}

/* Border */
.element {
    border: 1px solid #20B2AA;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #20B2AA,
        #F1737A
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #20B2AA,
        #F1737A
    );
}

// SCSS variable
$light-sea-green: #20B2AA;

// With RGB channels (useful for rgba() usage)
$light-sea-green-r: 32;
$light-sea-green-g: 178;
$light-sea-green-b: 170;

// Usage
.element {
    background-color: $light-sea-green;
    color: rgba($light-sea-green-r, $light-sea-green-g, $light-sea-green-b, 0.8);
}