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
| Format | Value | Image |
|---|---|---|
| HEX | #20B2AA | ![]() |
| RGB | 32, 178, 170 | |
| HSL | 177, 70%, 41% | |
| CMYK | 82%, 0%, 4%, 30% | |
| OKLCH | oklch(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
#20B2AAOn 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)
