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

Light Sea Green #20B2AA is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Light Sea Green #20B2AA pairs with #B22028 as its complementary color, and #AA20B2 and #B2AA20 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

LIGHT SEA GREEN
Analogous

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

LIGHT SEA GREEN
Triadic

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

LIGHT SEA GREEN
Split-Complementary

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

LIGHT SEA GREEN
Tetradic (Square)

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

LIGHT SEA GREEN
Monochromatic

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

LIGHT SEA GREEN

Shades & Tints

The shade and tint range for Light Sea Green #20B2AA moves from dark #041615 tones through the base color to lighter #E9FBFA tones, making it useful for depth, hierarchy, and background variation.

LIGHT SEA GREEN

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);
}