Light Sea Green Color Hex Code, RGB & HSL Values

What is the meaning of the Light Sea Green color?

Light Sea Green is a vibrant teal color with strong green undertones. It represents fresh coastal waters, ecological balance, and wellness, popular in eco-friendly product layouts.

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

To style elements with Light Sea Green on a website, use the hex code #20B2AA in your HTML/CSS. Adding background-color: #20B2AA; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#20B2AA] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Light Sea Green?

In the digital sRGB spectrum, the Light Sea Green color code is mapped to RGB values of Red: 32, Green: 178, and Blue: 170. In the HSL system, it registers at hue angle 177°, saturation 70%, and lightness index 41%. It represents a balanced medium tone characterized by a balanced, moderate saturation.

CMYK print profiles for Light Sea Green color

To reproduce the named shade Light Sea Green in print systems, the CMYK ink configuration requires 82% Cyan, 0% Magenta, 4% Yellow, and 30% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 32

Green Channel 178

Blue Channel 170

Luminance 0.351

⇄ Light Sea Green Color Space Conversions

Click to copy format

HEX Color Code #20B2AA

RGB (Red Green Blue) rgb(32, 178, 170)

HSL (Hue Sat Light) hsl(177°, 70%, 41%)

CMYK (Commercial Print) cmyk(82%, 0%, 4%, 30%)

HSV / HSB Values hsv(177°, 82%, 70%)

Decimal Color Code 2142890

CSS Custom Variable --color-hex: #20B2AA;

Tailwind CSS Utility bg-[#20B2AA]

CSS Named Color lightseagreen

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #20B2AA

Small body copy preview

Black Text on Background

Black text readability test with #20B2AA

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 Light Sea Green */
--color-hex: #20B2AA;
--color-rgb: rgb(32, 178, 170);
--color-hsl: hsl(177deg, 70%, 41%);
--color-name: lightseagreen;

Aa Known Color Aliases

✦ Light Sea Green Color Meaning

Representing the teal color family, Light Sea Green carries the intrinsic characteristics of this organic hue. This color group is the color of sophisticated balance, combining blue's emotional depth with green's natural energy. It has strong associations with healing, protection, and spiritual depth across many world cultures. In design, teal performs exceptionally well as an accent color — it's distinctive enough to attract attention without the aggression of more saturated hues. Healthcare institutions use teal because it combines green's association with health with blue's calming effect. Fashion and luxury brands use teal to signal understated sophistication. The color gained widespread recognition as the official color of ovarian cancer awareness, giving it additional cultural depth and meaning.

Emotions & Associations

SophisticationCalmHealingClarity

Industries

TechnologyFinanceWellness