Skip to the color picker

#3aaba5 color: Tropical Tree

#3aaba5 is rgb(58, 171, 165) in RGB and oklch(67.713% 0.1001 189.999) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

177°
100%

67.7%
0.100
190°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.78:1Hard to read
Lc -59
Black text
7.55:1Readable · AA
Lc 51

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

#3aaba5 is a bright teal color. In OKLCH it has 67.7% lightness, 0.1 chroma and a hue of 190°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.78:1 contrast and black text 7.55:1, so black text reads better.

The closest named color is Tropical Tree (#20aea7). In Tailwind CSS the closest color is teal-500.

More medium teal colors

Lighter: #3aaba5 mixed with white

  1. 3aaba5
  2. 55b3ae
  3. 6bbcb6
  4. 7fc4bf
  5. 93cdc8
  6. a5d5d1
  7. b8ddda
  8. cae6e3
  9. dbeeec
  10. edf7f6

Darker: #3aaba5 mixed with black

  1. 3aaba5
  2. 31948f
  3. 287e79
  4. 206865
  5. 185451
  6. 10403d
  7. 092d2b
  8. 041b1a
  9. 010b0a
  10. 000101

Calmer: #3aaba5 with less saturation

  1. 3aaba5
  2. 4aa9a4
  3. 56a7a2
  4. 61a6a1
  5. 6ba4a0
  6. 73a29e
  7. 7ba09d
  8. 839e9b
  9. 8a9c9a
  10. 919999

Questions about #3aaba5

What color is #3aaba5?

#3aaba5 is bright teal. The closest named color is Tropical Tree. In RGB it is rgb(58, 171, 165), in HSL hsl(176.81, 49.34%, 44.9%) and in OKLCH oklch(67.713% 0.1001 189.999).

What colors go well with #3aaba5?

The complementary color of #3aaba5 is #cd7d89. For a calmer combination use the analogous colors #5baa82 and #42a6c2. The triadic partners are #aa86c6 and #bf8c4f.

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

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

Is #3aaba5 a warm or cool color?

#3aaba5 is a cool color. In OKLCH its hue is 190 degrees, its lightness 67.7% and its chroma 0.1.