Skip to the color picker

#3faa8a color: Niagara

#3faa8a is rgb(63, 170, 138) in RGB and oklch(66.772% 0.10927 169.839) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

162°
100%

66.8%
0.109
170°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.87:1Hard to read
Lc -60
Black text
7.33:1Readable · AA
Lc 49

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

#3faa8a is a bright emerald color. In OKLCH it has 66.8% lightness, 0.109 chroma and a hue of 170°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.87:1 contrast and black text 7.33:1, so black text reads better.

The closest named color is Niagara (#29a98b). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #3faa8a mixed with white

  1. 3faa8a
  2. 58b395
  3. 6dbba0
  4. 81c4ac
  5. 94ccb7
  6. a6d5c3
  7. b8ddcf
  8. cae6db
  9. dceee7
  10. edf7f3

Darker: #3faa8a mixed with black

  1. 3faa8a
  2. 359377
  3. 2c7d65
  4. 236853
  5. 1b5342
  6. 123f32
  7. 0a2d22
  8. 041b14
  9. 010b07
  10. 000101

Calmer: #3faa8a with less saturation

  1. 3faa8a
  2. 4da88b
  3. 58a68c
  4. 62a48d
  5. 6ba28e
  6. 73a08f
  7. 7a9e90
  8. 819b91
  9. 889992
  10. 8e9793

Questions about #3faa8a

What color is #3faa8a?

#3faa8a is bright emerald. The closest named color is Niagara. In RGB it is rgb(63, 170, 138), in HSL hsl(162.06, 45.92%, 45.69%) and in OKLCH oklch(66.772% 0.10927 169.839).

What colors go well with #3faa8a?

The complementary color of #3faa8a is #c7789e. For a calmer combination use the analogous colors #70a563 and #1aa8af. The triadic partners are #9389d3 and #ca8055.

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

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

Is #3faa8a a warm or cool color?

#3faa8a is a cool color. In OKLCH its hue is 170 degrees, its lightness 66.8% and its chroma 0.109.