#007b8a

Color #007b8a

A vivid, highly saturated dark cyan.

Closest named color Teal #008080 · ΔE 9.9 Nearest Tailwind class cyan-700 #007595 · ΔE 7.1

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#007b8a

RGB

rgb(0, 123, 138)

HSL

hsl(186.5, 100%, 27.1%)

HSV / HSB

hsv(186.5, 100%, 54.1%)

CMYK

cmyk(100%, 10.9%, 0%, 45.9%)

LAB

lab(46.97, -22.94, -16.32)

LCH

lch(46.97, 28.15, 215.43)

OKLCH

oklch(53.4%, 0.0923, 209.62)

HWB

hwb(186.5, 0%, 45.9%)

Harmony colors

Complementary

#8a0f00

Analogous

#008a54

#007b8a

#00368a

Triadic

#007b8a

#8a007b

#7b8a00

Split-complementary

#007b8a

#8a0036

#8a5400

Tetradic

#007b8a

#0f008a

#8a0f00

#7b8a00

Square

#007b8a

#54008a

#8a0f00

#368a00

Shades

Color #007b8a mixed toward black.

#006773

#00525c

#003e45

#00292e

#001517

Tints

Color #007b8a mixed toward white.

#00b2c8

#07e4ff

#45ebff

#83f2ff

#c1f8ff

Tones

Color #007b8a mixed toward gray.

#0c727f

#176973

#236068

#2e575c

#3a4e51

Accessibility

Aa White text on this color

5:1

Aa Black text on this color

4.2:1

White text reads better on this background (5:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#535387 · ΔE 26.7

Deuteranopia

#4d4586 · ΔE 29.5

Tritanopia

#198483 · ΔE 7.4

Achromatopsia

#6f6f6f · ΔE 20.1

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #007b8a;

Tailwind (arbitrary value)

bg-[#007b8a]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#007b8a (#007b8a) is rgb(0, 123, 138) in RGB.

No, #007b8a is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #007b8a, or check how it holds up for accessibility.

Generate a palette → Check contrast