Skip to the color picker

#3aaba3 color: Tropical Tree

#3aaba3 is rgb(58, 171, 163) in RGB and oklch(67.646% 0.10055 188.336) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

176°
100%

67.6%
0.101
188°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.79:1Hard to read
Lc -59
Black text
7.53: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 #3aaba3

#3aaba3 is a bright teal color. In OKLCH it has 67.6% lightness, 0.101 chroma and a hue of 188°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.79:1 contrast and black text 7.53: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: #3aaba3 mixed with white

  1. 3aaba3
  2. 55b3ac
  3. 6bbcb5
  4. 7fc4be
  5. 93cdc7
  6. a5d5d0
  7. b7ddd9
  8. cae6e3
  9. dbeeec
  10. edf7f5

Darker: #3aaba3 mixed with black

  1. 3aaba3
  2. 31948d
  3. 287e78
  4. 206863
  5. 18544f
  6. 10403c
  7. 092d2a
  8. 041b19
  9. 010b0a
  10. 000101

Calmer: #3aaba3 with less saturation

  1. 3aaba3
  2. 4aa9a2
  3. 56a7a1
  4. 61a69f
  5. 6ba49e
  6. 73a29d
  7. 7ba09c
  8. 839e9b
  9. 8a9b99
  10. 919998

Questions about #3aaba3

What color is #3aaba3?

#3aaba3 is bright teal. The closest named color is Tropical Tree. In RGB it is rgb(58, 171, 163), in HSL hsl(175.75, 49.34%, 44.9%) and in OKLCH oklch(67.646% 0.10055 188.336).

What colors go well with #3aaba3?

The complementary color of #3aaba3 is #cc7c8b. For a calmer combination use the analogous colors #5caa80 and #3fa6c1. The triadic partners are #a986c7 and #c08b4f.

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

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

Is #3aaba3 a warm or cool color?

#3aaba3 is a cool color. In OKLCH its hue is 188 degrees, its lightness 67.6% and its chroma 0.101.