Skip to the color picker

#3abcaf color: Magnetic Magic

#3abcaf is rgb(58, 188, 175) in RGB and oklch(72.271% 0.11211 185.347) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

174°
100%

72.3%
0.112
185°
  • 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.99: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 #3abcaf

#3abcaf is a bright light teal color. In OKLCH it has 72.3% lightness, 0.112 chroma and a hue of 185°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Magnetic Magic (#3fbbb2). In Tailwind CSS the closest color is teal-500.

More light teal colors

Lighter: #3abcaf mixed with white

  1. 3abcaf
  2. 57c3b7
  3. 6ecabf
  4. 83d1c6
  5. 96d7ce
  6. a8ded6
  7. bae5de
  8. ccebe6
  9. ddf2ef
  10. eef8f7

Darker: #3abcaf mixed with black

  1. 3abcaf
  2. 31a398
  3. 288b81
  4. 20736b
  5. 185d56
  6. 104741
  7. 09322e
  8. 041f1c
  9. 010d0b
  10. 000201

Calmer: #3abcaf with less saturation

  1. 3abcaf
  2. 4dbaae
  3. 5cb8ad
  4. 68b6ac
  5. 73b4ab
  6. 7db1aa
  7. 86afa9
  8. 8fada8
  9. 97aaa7
  10. 9ea8a6

Questions about #3abcaf

What color is #3abcaf?

#3abcaf is bright light teal. The closest named color is Magnetic Magic. In RGB it is rgb(58, 188, 175), in HSL hsl(174, 52.85%, 48.24%) and in OKLCH oklch(72.271% 0.11211 185.347).

What colors go well with #3abcaf?

The complementary color of #3abcaf is #e1879b. For a calmer combination use the analogous colors #66ba87 and #3bb7d1. The triadic partners are #b693de and #d69655.

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

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

Is #3abcaf a warm or cool color?

#3abcaf is a cool color. In OKLCH its hue is 185 degrees, its lightness 72.3% and its chroma 0.112.