Skip to the color picker

#00786f color: Mermaid Harbour

#00786f is rgb(0, 120, 111) in RGB and oklch(51.518% 0.09047 185.733) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

176°
100%

51.5%
0.090
186°
  • Teal
  • Medium
  • Vivid
  • Cool
  • ≈ Teal
  • teal-700
  • Black 53%

Inside sRGB: displays the same on any screen.

White text
5.36:1Readable · AA
Lc -81
Black text
3.92:1Hard to read
Lc 28

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #00786f

#00786f is a bright teal color. In OKLCH it has 51.5% lightness, 0.09 chroma and a hue of 186°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.36:1 contrast and black text 3.92:1, so white text reads better.

The closest named color is Mermaid Harbour (#00776f). In Tailwind CSS the closest color is teal-700.

More medium teal colors

Lighter: #00786f mixed with white

  1. 00786f

Darker: #00786f mixed with black

  1. 00786f

Calmer: #00786f with less saturation

  1. 00786f

Similar named colors

Colors that go with #00786f

Complementary
#00786f
Analogous
#00786f
Triadic
#00786f
Split
#00786f

Questions about #00786f

What color is #00786f?

#00786f is bright teal. The closest named color is Mermaid Harbour. In RGB it is rgb(0, 120, 111), in HSL hsl(175.5, 100%, 23.53%) and in OKLCH oklch(51.518% 0.09047 185.733).

What colors go well with #00786f?

The complementary color of #00786f is #935060. For a calmer combination use the analogous colors #367751 and #047488. The triadic partners are #745991 and #8b5c29.

Is white or black text more readable on #00786f?

White text reads better on #00786f: white gives a contrast ratio of 5.36:1 and black gives 3.92:1. WCAG AA asks for at least 4.5:1 for body text.

Is #00786f a warm or cool color?

#00786f is a cool color. In OKLCH its hue is 186 degrees, its lightness 51.5% and its chroma 0.09.