Skip to the color picker
PickShade

#3abda1 color: First Post

Every format, shade and contrast value for #3abda1. Drag the picker to explore nearby colors.

Read as HEX

167°
100%

OKLCH

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

Looks the same on every screen.

White text2.34:1 · Below AALc -51
Black text8.97:1 · AALc 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 #3abda1

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

Looks the same on every screen.

White text on it reaches 2.34:1 contrast and black text 8.97: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: #3abda1 mixed with white

  1. 3abda1
  2. 57c4aa
  3. 6ecbb3
  4. 83d1bc
  5. 96d8c6
  6. a8dfcf
  7. bae5d8
  8. ccece2
  9. ddf2ec
  10. eef9f5

Darker: #3abda1 mixed with black

  1. 3abda1
  2. 31a48b
  3. 288c76
  4. 207462
  5. 185d4e
  6. 10473c
  7. 09332a
  8. 041f19
  9. 010d09
  10. 000201

Calmer: #3abda1 with less saturation

  1. 3abda1
  2. 4dbba1
  3. 5cb9a2
  4. 68b6a2
  5. 73b4a2
  6. 7db2a3
  7. 86afa3
  8. 8eada4
  9. 96aaa4
  10. 9ea7a4