Skip to the color picker

#3abda2 color: First Post

#3abda2 is rgb(58, 189, 162) in RGB and oklch(72.122% 0.11892 175.931) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

168°
100%

72.1%
0.119
176°
  • Teal
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.34:1Hard to read
Lc -51
Black text
8.98:1Readable · AA
Lc 58

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

#3abda2 is a bright light teal color. In OKLCH it has 72.1% lightness, 0.119 chroma and a hue of 176°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.34:1 contrast and black text 8.98:1, so black text reads better.

The closest named color is First Post (#2fbda1). In Tailwind CSS the closest color is teal-500.

More light teal colors

Lighter: #3abda2 mixed with white

  1. 3abda2
  2. 57c4ab
  3. 6ecbb4
  4. 83d1bd
  5. 96d8c6
  6. a8dfd0
  7. bae5d9
  8. ccece2
  9. ddf2ec
  10. eef9f5

Darker: #3abda2 mixed with black

  1. 3abda2
  2. 31a48c
  3. 288c77
  4. 207463
  5. 185d4f
  6. 10473c
  7. 09332a
  8. 041f19
  9. 010d0a
  10. 000201

Calmer: #3abda2 with less saturation

  1. 3abda2
  2. 4dbba2
  3. 5cb9a3
  4. 68b6a3
  5. 73b4a3
  6. 7db2a3
  7. 86afa4
  8. 8eada4
  9. 96aaa4
  10. 9ea7a5

Questions about #3abda2

What color is #3abda2?

#3abda2 is bright light teal. The closest named color is First Post. In RGB it is rgb(58, 189, 162), in HSL hsl(167.63, 53.04%, 48.43%) and in OKLCH oklch(72.122% 0.11892 175.931).

What colors go well with #3abda2?

The complementary color of #3abda2 is #e084a7. For a calmer combination use the analogous colors #71b977 and #1dbac9. The triadic partners are #ac95e7 and #dd9057.

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

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

Is #3abda2 a warm or cool color?

#3abda2 is a cool color. In OKLCH its hue is 176 degrees, its lightness 72.1% and its chroma 0.119.