Light Sea Green Color

#20B2AA

Shades

Darker variations of each color in your palette

Base Color

#20B2AA
#20B2AA
#1A8E88
#136B66
#0D4744
#062422
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#20B2AA
#20B2AA
#4DC1BB
#79D1CC
#A6E0DD
#D2F0EE
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#20B2AALight Sea Green Color
RGB32, 178, 170
HSL177, 70%, 41%
CMYK82%, 0%, 4%, 30%
OKLCHoklch(0.691 0.114 189)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#20B2AA
#1FB261
#20B2AA
#1F70B2

Analogous

#20B2AA
#B21F27

Complementary

#20B2AA
#AA1FB2
#B2AA1F

Triadic

#20B2AA
#B21F70
#B2611F

Split Complementary

#20B2AA
#611FB2
#B21F27
#70B21F

Tetradic

#0F5753
#1B9891
#26D9D0
#67E4DE
#A8F0EC

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#20B2AA
#B21F1F
#B2B21F
#1FB21F
#1FB2B2
#1F1FB2
#B21FB2

Hues

Tones

Tones created by adding gray to each color

Base Color

#20B2AA
#20B2AA
#33A8A2
#469E99
#5A9491
#6D8A88
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#20B2AA
#41AEA2
#63AB9B
#84A793

Warmer

#1FAEB7
#1DABC4
#1CA7D0

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#20B2AA

On White Background

Sample Text
Contrast Ratio:2.62:1
WCAG Level:Fail
FAIL

On Black Background

Sample Text
Contrast Ratio:8.01:1
WCAG Level:AAA
PASS

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)