#407c72

Color #407c72

A muted dark cyan.

Closest named color Teal #008080 · ΔE 10.36 Nearest Tailwind class teal-700 #00786f · ΔE 5.1

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

Conversions

HEX

#407c72

RGB

rgb(64, 124, 114)

HSL

hsl(170, 31.9%, 36.9%)

HSV / HSB

hsv(170, 48.4%, 48.6%)

CMYK

cmyk(48.4%, 0%, 8.1%, 51.4%)

LAB

lab(47.9, -22.15, -0.58)

LCH

lch(47.9, 22.16, 181.5)

OKLCH

oklch(54.3%, 0.0649, 181.68)

HWB

hwb(170, 25.1%, 51.4%)

Harmony colors

Complementary

#7c404a

Analogous

#407c54

#407c72

#40687c

Triadic

#407c72

#72407c

#7c7240

Split-complementary

#407c72

#7c4068

#7c5440

Tetradic

#407c72

#404a7c

#7c404a

#7c7240

Square

#407c72

#54407c

#7c404a

#687c40

Shades

Color #407c72 mixed toward black.

#35675f

#2b534c

#203e39

#152926

#0b1513

Tints

Color #407c72 mixed toward white.

#529f93

#72b6ab

#95c8c0

#b8dad5

#dcedea

Tones

Color #407c72 mixed toward gray.

#45776f

#4a726b

#4f6d68

#546865

#596361

Accessibility

Aa White text on this color

4.83:1

Aa Black text on this color

4.34:1

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

Under color vision deficiencies

Protanopia

#606075 · ΔE 25.8

Deuteranopia

#5c5775 · ΔE 29.3

Tritanopia

#457677 · ΔE 5.8

Achromatopsia

#727272 · ΔE 18.8

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

Code

CSS

background-color: #407c72;

Tailwind (arbitrary value)

bg-[#407c72]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#407c72 (#407c72) is rgb(64, 124, 114) in RGB.

No, #407c72 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #407c72, or check how it holds up for accessibility.

Generate a palette → Check contrast