Skip to the color picker

#3abbac color: Magnetic Magic

#3abbac is rgb(58, 187, 172) in RGB and oklch(71.927% 0.11222 183.852) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

173°
100%

71.9%
0.112
184°
  • Teal
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • teal-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.36:1Hard to read
Lc -51
Black text
8.88: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 #3abbac

#3abbac is a bright light teal color. In OKLCH it has 71.9% lightness, 0.112 chroma and a hue of 184°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.36:1 contrast and black text 8.88: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: #3abbac mixed with white

  1. 3abbac
  2. 57c2b4
  3. 6ec9bc
  4. 82d0c4
  5. 96d7cc
  6. a8ddd5
  7. bae4dd
  8. ccebe5
  9. ddf2ee
  10. eef8f6

Darker: #3abbac mixed with black

  1. 3abbac
  2. 31a295
  3. 288a7f
  4. 207369
  5. 185c54
  6. 104640
  7. 09322d
  8. 041f1b
  9. 010d0b
  10. 000201

Calmer: #3abbac with less saturation

  1. 3abbac
  2. 4db9ab
  3. 5bb7aa
  4. 68b5aa
  5. 73b3a9
  6. 7cb0a8
  7. 85aea7
  8. 8eaca7
  9. 96a9a6
  10. 9da7a5

Questions about #3abbac

What color is #3abbac?

#3abbac is bright light teal. The closest named color is Magnetic Magic. In RGB it is rgb(58, 187, 172), in HSL hsl(173.02, 52.65%, 48.04%) and in OKLCH oklch(71.927% 0.11222 183.852).

What colors go well with #3abbac?

The complementary color of #3abbac is #df869c. For a calmer combination use the analogous colors #68b984 and #37b6cf. The triadic partners are #b392de and #d59455.

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

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

Is #3abbac a warm or cool color?

#3abbac is a cool color. In OKLCH its hue is 184 degrees, its lightness 71.9% and its chroma 0.112.