Skip to the color picker

#20ae7b color: Crayola Green

#20ae7b is rgb(32, 174, 123) in RGB and oklch(66.733% 0.1376 162.615) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

158°
100%

66.7%
0.138
163°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-500
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
2.84:1Hard to read
Lc -59
Black text
7.40:1Readable · AA
Lc 50

Shades

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

Harmonies

Open as palette

Recent

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

About #20ae7b

#20ae7b is a bright emerald color. In OKLCH it has 66.7% lightness, 0.138 chroma and a hue of 163°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.84:1 contrast and black text 7.4:1, so black text reads better.

The closest named color is Crayola Green (#1dac78). In Tailwind CSS the closest color is emerald-500.

More medium emerald colors

Lighter: #20ae7b mixed with white

  1. 20ae7b
  2. 46b688
  3. 60bf94
  4. 77c7a1
  5. 8ccfae
  6. a0d7bb
  7. b4dfc9
  8. c7e7d6
  9. daefe4
  10. ecf7f1

Darker: #20ae7b mixed with black

  1. 20ae7b
  2. 1a976a
  3. 15805a
  4. 0f6a4a
  5. 0a553a
  6. 06412c
  7. 032e1e
  8. 011c10
  9. 000b05
  10. 000101

Calmer: #20ae7b with less saturation

  1. 20ae7b
  2. 39ac7e
  3. 4aa980
  4. 57a783
  5. 63a585
  6. 6da288
  7. 769f8b
  8. 7e9d8d
  9. 869a8f
  10. 8d9792

Similar named colors

Colors that go with #20ae7b

Complementary
#20ae7b#cd70ab
Analogous
#20ae7b#73a647#00adaa
Triadic
#20ae7b#8988e6#d9754b
Split
#20ae7b#b179d0#db6d7d

Questions about #20ae7b

What color is #20ae7b?

#20ae7b is bright emerald. The closest named color is Crayola Green. In RGB it is rgb(32, 174, 123), in HSL hsl(158.45, 68.93%, 40.39%) and in OKLCH oklch(66.733% 0.1376 162.615).

What colors go well with #20ae7b?

The complementary color of #20ae7b is #cd70ab. For a calmer combination use the analogous colors #73a647 and #00adaa. The triadic partners are #8988e6 and #d9754b.

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

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

Is #20ae7b a warm or cool color?

#20ae7b is a cool color. In OKLCH its hue is 163 degrees, its lightness 66.7% and its chroma 0.138.