# #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.

Source: https://pickshade.com/color/20b2aa

## Formats

| Format | Value |
| --- | --- |
| HEX | #20b2aa |
| RGB | rgb(32, 178, 170) |
| HSL | hsl(176.71, 69.52%, 41.18%) |
| HSB / HSV | hsv(176.71 82.02% 69.8%) |
| HWB | hwb(176.71 12.55% 30.2%) |
| CMYK | cmyk(82% 0% 4% 30%) |
| Lab | lab(65.49 -38.83 -6.92) |
| LCH | lch(65.49 39.44 190.1) |
| OKLab | oklab(69.12% -0.11282 -0.01779) |
| OKLCH | oklch(69.12% 0.11421 188.962) |
| Display P3 | color(display-p3 0.33347 0.68787 0.66405) |
| Rec. 2020 | color(rec2020 0.39995 0.64067 0.62809) |
| Adobe RGB | color(a98-rgb 0.40521 0.69214 0.66206) |
| ProPhoto RGB | color(prophoto-rgb 0.42146 0.60241 0.6015) |
| Linear sRGB | color(srgb-linear 0.01444 0.4452 0.40198) |
| XYZ D65 | color(xyz-d65 0.2377 0.35048 0.43544) |
| XYZ D50 | color(xyz-d50 0.23528 0.34674 0.33047) |
| SwiftUI | Color(red: 0.125, green: 0.698, blue: 0.667) |
| UIKit | UIColor(red: 0.125, green: 0.698, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF20B2AA) |
| Android XML | #20B2AA |

## Facts

- Closest name: Glass Jar Blue
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.62:1
- Contrast with black: 8.01:1

## Tints

#20b2aa, #47bab2, #62c2bb, #79c9c3, #8ed1cb, #a2d9d4, #b5e1dc, #c8e8e5, #daf0ee, #edf7f6

## Shades

#20b2aa, #1a9a93, #15837d, #0f6d68, #0a5753, #06433f, #032f2d, #011d1b, #000c0b, #000101

## Tones

#20b2aa, #3bb0a9, #4daea7, #5baca6, #67aaa4, #72a8a3, #7ba5a1, #84a3a0, #8ca19e, #949e9d

## Harmonies

- Complementary: #20b2aa, #d87c8d
- Split: #20b2aa, #ca7fb3, #d88265
- Analogous: #20b2aa, #54b182, #2daccb
- Triadic: #20b2aa, #b088d1, #c98e46
- Tetradic: #20b2aa, #60a1df, #d87c8d, #c98e46
- Square: #20b2aa, #8d94e1, #d87c8d, #ad9d40
- Monochromatic: #20b2aa, #006661, #008c85, #57d9d0, #83fff8

## 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.