Skip to the color picker

#3abc97 color: Mountain Meadow

#3abc97 is rgb(58, 188, 151) in RGB and oklch(71.562% 0.12471 169.844) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

163°
100%

71.6%
0.125
170°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.38:1Hard to read
Lc -51
Black text
8.82:1Readable · AA
Lc 57

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

#3abc97 is a bright light emerald color. In OKLCH it has 71.6% lightness, 0.125 chroma and a hue of 170°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.38:1 contrast and black text 8.82:1, so black text reads better.

The closest named color is Mountain Meadow (#30ba8f). In Tailwind CSS the closest color is teal-500.

More light emerald colors

Lighter: #3abc97 mixed with white

  1. 3abc97
  2. 57c3a1
  3. 6ecaab
  4. 82d1b5
  5. 96d7c0
  6. a8deca
  7. bae5d4
  8. ccebdf
  9. ddf2ea
  10. eef9f4

Darker: #3abc97 mixed with black

  1. 3abc97
  2. 31a383
  3. 288b6f
  4. 20735c
  5. 185d49
  6. 104737
  7. 093226
  8. 041f17
  9. 010d08
  10. 000201

Calmer: #3abc97 with less saturation

  1. 3abc97
  2. 4dba98
  3. 5bb799
  4. 67b59b
  5. 72b39c
  6. 7cb09d
  7. 85ae9e
  8. 8daba0
  9. 95a9a1
  10. 9ca6a2

Questions about #3abc97

What color is #3abc97?

#3abc97 is bright light emerald. The closest named color is Mountain Meadow. In RGB it is rgb(58, 188, 151), in HSL hsl(162.92, 52.85%, 48.24%) and in OKLCH oklch(71.562% 0.12471 169.844).

What colors go well with #3abc97?

The complementary color of #3abc97 is #dd81ae. For a calmer combination use the analogous colors #78b66a and #00bac2. The triadic partners are #a295ec and #e18a58.

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

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

Is #3abc97 a warm or cool color?

#3abc97 is a cool color. In OKLCH its hue is 170 degrees, its lightness 71.6% and its chroma 0.125.