Skip to the color picker

#3abb7c color: Greenish Teal

#3abb7c is rgb(58, 187, 124) in RGB and oklch(70.652% 0.14549 157.581) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

151°
100%

70.7%
0.145
158°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • emerald-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.45:1Hard to read
Lc -53
Black text
8.58:1Readable · AA
Lc 56

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

#3abb7c is a bright light emerald color. In OKLCH it has 70.7% lightness, 0.145 chroma and a hue of 158°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.45:1 contrast and black text 8.58:1, so black text reads better.

The closest named color is Greenish Teal (#32bf84). In Tailwind CSS the closest color is emerald-500.

More light emerald colors

Lighter: #3abb7c mixed with white

  1. 3abb7c
  2. 56c289
  3. 6dc996
  4. 82d0a3
  5. 95d7af
  6. a7debc
  7. b9e5ca
  8. cbebd7
  9. dcf2e4
  10. eef8f2

Darker: #3abb7c mixed with black

  1. 3abb7c
  2. 31a26b
  3. 288a5a
  4. 20734a
  5. 185c3b
  6. 10462c
  7. 09321e
  8. 041f11
  9. 010d05
  10. 000201

Calmer: #3abb7c with less saturation

  1. 3abb7c
  2. 4cb980
  3. 5ab684
  4. 66b488
  5. 70b18b
  6. 7aaf8f
  7. 82ac92
  8. 8ba996
  9. 92a699
  10. 99a39d

Questions about #3abb7c

What color is #3abb7c?

#3abb7c is bright light emerald. The closest named color is Greenish Teal. In RGB it is rgb(58, 187, 124), in HSL hsl(150.7, 52.65%, 48.04%) and in OKLCH oklch(70.652% 0.14549 157.581).

What colors go well with #3abb7c?

The complementary color of #3abb7c is #d97ac0. For a calmer combination use the analogous colors #87b144 and #00bcb0. The triadic partners are #8b96f9 and #ec7c5b.

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

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

Is #3abb7c a warm or cool color?

#3abb7c is a cool color. In OKLCH its hue is 158 degrees, its lightness 70.7% and its chroma 0.145.