cyancoolCSS named color

Lightseagreen #20B2AA

Lightseagreen is a medium, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Fresh accents · Aquatic themes

Open in generator →Colors that go with lightseagreen →

Families: Cyans · Teals

Color values

FormatValue
HEX#20B2AA
RGBrgb(32, 178, 170)
HSLhsl(177, 70%, 41%)
HSVhsv(177, 82%, 70%)
OKLCHoklch(69.12% 0.114 189)
OKLaboklab(69.12% -0.1128 -0.0178)
CMYKcmyk(82%, 0%, 4.5%, 30.2%)
XYZxyz(23.7683, 35.0471, 43.5345)
CIE-LABlab(65.8, -37.5, -6.3)
CIE-LCHlch(65.8, 38.0, 189.6°)
Luminance0.350 (WCAG relative)
/* Lightseagreen */ --lightseagreen: #20b2aa; color: #20b2aa; background-color: #20b2aa;

Source: W3C CSS named color. CSS keyword: lightseagreen.

Collections: Jewel Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#229f97 #238c85 #237974 #216763 #1f5652 #1c4542 #183432 #142523 #0d1615 #000000

Tints (toward white)

#47bab2 #62c2ba #79c9c3 #8ed1cb #a2d9d4 #b5e1dc #c8e8e5 #daf0ed #edf7f6 #ffffff

Tones (toward gray)

#3cb0a9 #4eafa8 #5dada7 #69aba6 #74aaa5 #7ea8a4 #87a6a3 #90a4a2 #98a2a1 #a0a0a0

Color harmonies

Complementary

Edit in generator →
#20B2AA
#B22028
#20b2aa #b22028

Analogous

Edit in generator →
#20B261
#20B2AA
#2071B2
#20b261 #20b2aa #2071b2

Triadic

Edit in generator →
#20B2AA
#AA20B2
#B2AA20
#20b2aa #aa20b2 #b2aa20

Tetradic

Edit in generator →
#20B2AA
#6120B2
#B22028
#71B220
#20b2aa #6120b2 #b22028 #71b220

Square

Edit in generator →
#20B2AA
#6120B2
#B22028
#71B220
#20b2aa #6120b2 #b22028 #71b220

Split Complementary

Edit in generator →
#20B2AA
#B22071
#B26120
#20b2aa #b22071 #b26120

Monochromatic

Edit in generator →
#0D4A47
#177E78
#20B2AA
#35DBD2
#68E4DD
#0d4a47 #177e78 #20b2aa #35dbd2 #68e4dd

Accessibility & contrast

2.62
#20B2AA on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.01
#20B2AA on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on lightseagreen

8.01
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#A7A8AA
Deuteranopia (green-blind)
#949AAB
Tritanopia (blue-blind)
#00B7AF

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Topaz #13BBAF2.79
Tealish #24BCA84.80
Blue Green #0F9B8E7.43
Sea #3C99927.66
Darkturquoise #00CED18.46
Mediumturquoise #48D1CC8.55

Colors that go with lightseagreen

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Pale Cyan #B7FFFA
2.3:1
Same hue family as lightseagreen (Δh 1°) — guaranteed harmony
Marine Blue #01386A
4.5:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Cream #FFFDD0
2.5:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Sandy Brown #C4A661
1.1:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Rosewood #65000B
5.1:1
Complementary hue (Δh ≈177°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.