Skip to the color picker

#20b2aa color: Glass Jar Blue

#20b2aa is rgb(32, 178, 170) in RGB and oklch(69.12% 0.11421 188.962) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

177°
100%

69.1%
0.114
189°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
2.62:1Hard to read
Lc -56
Black text
8.01:1Readable · AA
Lc 53

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #20b2aa

#20b2aa is a bright teal color. In OKLCH it has 69.1% lightness, 0.114 chroma and a hue of 189°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.62:1 contrast and black text 8.01:1, so black text reads better.

The closest named color is Glass Jar Blue (#20b2aa). In Tailwind CSS the closest color is teal-500.

More medium teal colors

Lighter: #20b2aa mixed with white

  1. 20b2aa

Darker: #20b2aa mixed with black

  1. 20b2aa

Calmer: #20b2aa with less saturation

  1. 20b2aa

Similar named colors

  • Glass Jar Blue#20b2aa

Colors that go with #20b2aa

Complementary
#20b2aa
Analogous
#20b2aa
Triadic
#20b2aa
Split
#20b2aa

Questions about #20b2aa

What color is #20b2aa?

#20b2aa is bright teal. The closest named color is Glass Jar Blue. In RGB it is rgb(32, 178, 170), in HSL hsl(176.71, 69.52%, 41.18%) and in OKLCH oklch(69.12% 0.11421 188.962).

What colors go well with #20b2aa?

The complementary color of #20b2aa is #d87c8d. For a calmer combination use the analogous colors #54b182 and #2daccb. The triadic partners are #b088d1 and #c98e46.

Is white or black text more readable on #20b2aa?

Black text reads better on #20b2aa: white gives a contrast ratio of 2.62:1 and black gives 8.01:1. WCAG AA asks for at least 4.5:1 for body text.

Is #20b2aa a warm or cool color?

#20b2aa is a cool color. In OKLCH its hue is 189 degrees, its lightness 69.1% and its chroma 0.114.