Light Sea Green

#20B2AA

What color is Light Sea Green?

Light sea green is a medium-toned teal with blue and green in roughly equal measure, hex #20B2AA, clear and clean rather than murky or pale. It shares the quality of shallow tropical seawater seen over white sand.

What is the meaning of the color Light Sea Green?

The CSS color name ‘light sea green’ was formally defined in 1996 when the World Wide Web Consortium introduced the standard 16 named web colors expanded to 140 in CSS 2.1, giving this shade an official role in digital design. The hue itself belongs to the broader teal family, a color associated with 1950s American interior design, when teal and turquoise appeared heavily in kitchenware and home appliances. By the 1990s, teal had become prominent enough that the Jacksonville Jaguars adopted it as a primary team color when the NFL franchise launched in 1995. The CSS specification anchored light sea green as a distinct named value, separating it from the darker teal and lighter medium aquamarine in the official palette.

RGB
32, 178, 170
HSL
177°, 70%, 41%
CMYK
82, 0, 4, 30
HSV
177°, 82%, 70%
Light sea green color

What colors go with Light Sea Green?

Colors that pair well with Light sea green include:
Coral: warm, complementary contrast
Navy blue: deep, grounding anchor
Sand: soft, natural balance
White: clean, open brightness
Warm gray: quiet, neutral support

Similar Colors

Conversions & Codes

Format Value CSS
HEX #20B2AA color: #20B2AA;
RGB 32, 178, 170 color: rgb(32, 178, 170);
RGB Percentage 13%, 70%, 67% color: rgb(13%, 70%, 67%);
CMYK 82%, 0%, 4%, 30% Not supported in CSS
HSL 177°, 70%, 41% color: hsl(177, 70%, 41%);
HSV 177°, 82%, 70% Not supported in CSS
CIE-LAB 33, -29, 3 color: lab(33% -29 3);
Decimal 2142890 Not supported in CSS

Color Variations

Shades

#1FB2AA
#1CA099
#198E88
#167C77
#136B66
#105955
#0D4744
#093533

Tints

#B2F1EE
#99EDE9
#7FE8E3
#66E4DE
#4CDFD8
#32DBD2
#24CBC3
#1FB2AA

Tones

#1FB2AA
#27AAA4
#2EA39D
#359C97
#3D9490
#448D89
#4B8683
#537F7C

Hues

#1FB2AA
#1F4BB2
#611FB2
#B21F94
#B21F27
#B2861F
#70B21F
#1FB23D

Color Harmonies

Analogous

#1FB261
Click to copy
#20B2AA
Click to copy
#1F70B2
Click to copy

Complementary

#20B2AA
Click to copy
#B21F27
Click to copy

Split Complementary

#20B2AA
Click to copy
#B21F70
Click to copy
#B2611F
Click to copy

Triadic

#20B2AA
Click to copy
#AA1FB2
Click to copy
#B2AA1F
Click to copy

Tetradic

#20B2AA
Click to copy
#611FB2
Click to copy
#B21F27
Click to copy
#70B21F
Click to copy

Square

#20B2AA
Click to copy
#611FB2
Click to copy
#B21F27
Click to copy
#70B21F
Click to copy

CSS & Dev Snippets

CSS
.light-sea-green {
  color: #20B2AA;
}
SCSS
$light-sea-green: #20B2AA;
RGB
rgb(32, 178, 170)

Accessibility & Contrast

White background

2.62:1
2.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.01:1
8.01
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags