# #20a67f color: Active Green

#20a67f is rgb(32, 166, 127) in RGB and oklch(64.73% 0.12439 167.542) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #20a67f |
| RGB | rgb(32, 166, 127) |
| HSL | hsl(162.54, 67.68%, 38.82%) |
| HSB / HSV | hsv(162.54 80.72% 65.1%) |
| HWB | hwb(162.54 12.55% 34.9%) |
| CMYK | cmyk(81% 0% 23% 35%) |
| Lab | lab(60.73 -43.13 9.97) |
| LCH | lch(60.73 44.27 166.98) |
| OKLab | oklab(64.73% -0.12147 0.02683) |
| OKLCH | oklch(64.73% 0.12439 167.542) |
| Display P3 | color(display-p3 0.3125 0.6415 0.50755) |
| Rec. 2020 | color(rec2020 0.36004 0.58967 0.46125) |
| Adobe RGB | color(a98-rgb 0.37982 0.64508 0.5015) |
| ProPhoto RGB | color(prophoto-rgb 0.36549 0.5496 0.44069) |
| Linear sRGB | color(srgb-linear 0.01444 0.38133 0.21223) |
| XYZ D65 | color(xyz-d65 0.18062 0.29111 0.24746) |
| XYZ D50 | color(xyz-d50 0.18353 0.28945 0.18877) |
| SwiftUI | Color(red: 0.125, green: 0.651, blue: 0.498) |
| UIKit | UIColor(red: 0.125, green: 0.651, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFF20A67F) |
| Android XML | #20A67F |

## Facts

- Closest name: Active Green
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.08:1
- Contrast with black: 6.82:1

## Tints

#20a67f, #45af8b, #5fb897, #75c1a4, #8acab0, #9fd3bd, #b2dcca, #c6e5d7, #d9ede4, #ecf6f2

## Shades

#20a67f, #1a906e, #157a5d, #0f654c, #0a513c, #063e2d, #032b1f, #011a11, #000a06, #000101

## Tones

#20a67f, #38a481, #47a282, #54a084, #5f9d85, #689b87, #719888, #79968a, #81938b, #88918d

## Harmonies

- Complementary: #20a67f, #c56d9c
- Split: #20a67f, #ad75c0, #cf6c72
- Analogous: #20a67f, #68a052, #00a5a9
- Triadic: #20a67f, #8b81d6, #cb7547
- Tetradic: #20a67f, #089cc9, #c56d9c, #cb7547
- Square: #20a67f, #5c8fd9, #c56d9c, #b88321
- Monochromatic: #20a67f, #005b3e, #00815c, #54cda3, #7ef4c9

## Questions about #20a67f

### What color is #20a67f?

#20a67f is bright emerald. The closest named color is Active Green. In RGB it is rgb(32, 166, 127), in HSL hsl(162.54, 67.68%, 38.82%) and in OKLCH oklch(64.73% 0.12439 167.542).

### What colors go well with #20a67f?

The complementary color of #20a67f is #c56d9c. For a calmer combination use the analogous colors #68a052 and #00a5a9. The triadic partners are #8b81d6 and #cb7547.

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

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

### Is #20a67f a warm or cool color?

#20a67f is a cool color. In OKLCH its hue is 168 degrees, its lightness 64.7% and its chroma 0.124.