Skip to the color picker

#3aafa2 color: Waterfall

#3aafa2 is rgb(58, 175, 162) in RGB and oklch(68.614% 0.10447 184.544) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

173°
100%

68.6%
0.104
185°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
2.68:1Hard to read
Lc -57
Black text
7.83:1Readable · AA
Lc 52

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

#3aafa2 is a bright teal color. In OKLCH it has 68.6% lightness, 0.104 chroma and a hue of 185°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.68:1 contrast and black text 7.83:1, so black text reads better.

The closest named color is Waterfall (#3ab0a2). In Tailwind CSS the closest color is teal-500.

More medium teal colors

Lighter: #3aafa2 mixed with white

  1. 3aafa2
  2. 55b7ab
  3. 6cbfb4
  4. 80c7bd
  5. 93cfc6
  6. a6d7d0
  7. b8dfd9
  8. cae7e2
  9. dcefec
  10. edf7f5

Darker: #3aafa2 mixed with black

  1. 3aafa2
  2. 31988c
  3. 288177
  4. 206b63
  5. 18564f
  6. 10413c
  7. 092e2a
  8. 041c19
  9. 010b0a
  10. 000101

Calmer: #3aafa2 with less saturation

  1. 3aafa2
  2. 4aada1
  3. 57aba0
  4. 63a9a0
  5. 6ca79f
  6. 75a59e
  7. 7ea39d
  8. 85a19c
  9. 8d9f9c
  10. 939c9b

Questions about #3aafa2

What color is #3aafa2?

#3aafa2 is bright teal. The closest named color is Waterfall. In RGB it is rgb(58, 175, 162), in HSL hsl(173.33, 50.21%, 45.69%) and in OKLCH oklch(68.614% 0.10447 184.544).

What colors go well with #3aafa2?

The complementary color of #3aafa2 is #d07e92. For a calmer combination use the analogous colors #62ad7d and #39aac2. The triadic partners are #a989ce and #c78c51.

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

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

Is #3aafa2 a warm or cool color?

#3aafa2 is a cool color. In OKLCH its hue is 185 degrees, its lightness 68.6% and its chroma 0.104.