Skip to the color picker

#3abc93 color: Mountain Meadow

#3abc93 is rgb(58, 188, 147) in RGB and oklch(71.456% 0.12759 167.66) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

161°
100%

71.5%
0.128
168°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.39:1Hard to read
Lc -52
Black text
8.79: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 #3abc93

#3abc93 is a bright light emerald color. In OKLCH it has 71.5% lightness, 0.128 chroma and a hue of 168°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.39:1 contrast and black text 8.79: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: #3abc93 mixed with white

  1. 3abc93
  2. 57c39d
  3. 6ecaa8
  4. 82d1b2
  5. 96d7bd
  6. a8dec8
  7. bae5d3
  8. cbebde
  9. ddf2e9
  10. eef9f4

Darker: #3abc93 mixed with black

  1. 3abc93
  2. 31a37f
  3. 288b6c
  4. 207359
  5. 185d47
  6. 104736
  7. 093225
  8. 041f16
  9. 010d08
  10. 000201

Calmer: #3abc93 with less saturation

  1. 3abc93
  2. 4cba95
  3. 5bb796
  4. 67b598
  5. 72b399
  6. 7bb09b
  7. 84ae9d
  8. 8dab9e
  9. 94a8a0
  10. 9ca6a1

Questions about #3abc93

What color is #3abc93?

#3abc93 is bright light emerald. The closest named color is Mountain Meadow. In RGB it is rgb(58, 188, 147), in HSL hsl(161.08, 52.85%, 48.24%) and in OKLCH oklch(71.456% 0.12759 167.66).

What colors go well with #3abc93?

The complementary color of #3abc93 is #dc80b1. For a calmer combination use the analogous colors #7ab564 and #00bbbf. The triadic partners are #9f95ee and #e38859.

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

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

Is #3abc93 a warm or cool color?

#3abc93 is a cool color. In OKLCH its hue is 168 degrees, its lightness 71.5% and its chroma 0.128.