Skip to the color picker

#3ac686 color: Píng Gǔo Lǜ Green

#3ac686 is rgb(58, 198, 134) in RGB and oklch(73.689% 0.15109 158.813) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

153°
100%

73.7%
0.151
159°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 22%

Inside sRGB: displays the same on any screen.

White text
2.19:1Hard to read
Lc -47
Black text
9.60:1Readable · AA
Lc 61

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 #3ac686

#3ac686 is a bright light emerald color. In OKLCH it has 73.7% lightness, 0.151 chroma and a hue of 159°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.19:1 contrast and black text 9.6:1, so black text reads better.

The closest named color is Píng Gǔo Lǜ Green (#23c48b). In Tailwind CSS the closest color is emerald-400.

More light emerald colors

Lighter: #3ac686 mixed with white

  1. 3ac686
  2. 58cc92
  3. 6fd29e
  4. 84d8aa
  5. 97deb6
  6. aae4c2
  7. bbe9ce
  8. cdefda
  9. def4e6
  10. eefaf3

Darker: #3ac686 mixed with black

  1. 3ac686
  2. 31ac74
  3. 289262
  4. 207a51
  5. 186240
  6. 104b30
  7. 093521
  8. 042113
  9. 010e06
  10. 000201

Calmer: #3ac686 with less saturation

  1. 3ac686
  2. 4ec48a
  3. 5ec18e
  4. 6bbe91
  5. 76bc95
  6. 80b999
  7. 8ab69c
  8. 92b39f
  9. 9bb0a3
  10. a2ada6

Questions about #3ac686

What color is #3ac686?

#3ac686 is bright light emerald. The closest named color is Píng Gǔo Lǜ Green. In RGB it is rgb(58, 198, 134), in HSL hsl(152.57, 55.12%, 50.2%) and in OKLCH oklch(73.689% 0.15109 158.813).

What colors go well with #3ac686?

The complementary color of #3ac686 is #e681c9. For a calmer combination use the analogous colors #8cbc4b and #00c6bc. The triadic partners are #969eff and #f9855f.

Is white or black text more readable on #3ac686?

Black text reads better on #3ac686: white gives a contrast ratio of 2.19:1 and black gives 9.6:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3ac686 a warm or cool color?

#3ac686 is a cool color. In OKLCH its hue is 159 degrees, its lightness 73.7% and its chroma 0.151.