Skip to the color picker

#3abc96 color: Mountain Meadow

#3abc96 is rgb(58, 188, 150) in RGB and oklch(71.535% 0.12541 169.287) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

162°
100%

71.5%
0.125
169°
  • 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 -52
Black text
8.81: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 #3abc96

#3abc96 is a bright light emerald color. In OKLCH it has 71.5% lightness, 0.125 chroma and a hue of 169°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.38:1 contrast and black text 8.81: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: #3abc96 mixed with white

  1. 3abc96
  2. 57c3a0
  3. 6ecaaa
  4. 82d1b5
  5. 96d7bf
  6. a8dec9
  7. bae5d4
  8. cbebdf
  9. ddf2e9
  10. eef9f4

Darker: #3abc96 mixed with black

  1. 3abc96
  2. 31a382
  3. 288b6e
  4. 20735b
  5. 185d49
  6. 104737
  7. 093226
  8. 041f16
  9. 010d08
  10. 000201

Calmer: #3abc96 with less saturation

  1. 3abc96
  2. 4dba97
  3. 5bb799
  4. 67b59a
  5. 72b39b
  6. 7cb09d
  7. 85ae9e
  8. 8dab9f
  9. 95a9a0
  10. 9ca6a2

Questions about #3abc96

What color is #3abc96?

#3abc96 is bright light emerald. The closest named color is Mountain Meadow. In RGB it is rgb(58, 188, 150), in HSL hsl(162.46, 52.85%, 48.24%) and in OKLCH oklch(71.535% 0.12541 169.287).

What colors go well with #3abc96?

The complementary color of #3abc96 is #dd81af. For a calmer combination use the analogous colors #79b668 and #00bac1. The triadic partners are #a195ec and #e28a58.

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

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

Is #3abc96 a warm or cool color?

#3abc96 is a cool color. In OKLCH its hue is 169 degrees, its lightness 71.5% and its chroma 0.125.