#407C64

#407C64

Color Values

HEX

#407C64

RGB

64, 124, 100

HSL

156.0, 31.9%, 36.9%

HSV

156.0, 48.4%, 48.6%

CMYK

48.4%, 0.0%, 19.4%, 51.4%

OKLCH

0.5385 0.074 165.7

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#407C64

#7C4058

Analogous

#407C46

#40767C

#407C64

Triadic

#407C64

#64407C

#7C6440

Split Complementary

#407C64

#7C4076

#7C4640

Tetradic

#407C64

#46407C

#7C4058

#767C40

Color Blindness Simulation

Original

#407C64

Protanopia

#5A5B6A

Deuteranopia

#56526B

Tritanopia

#436E6F

Achromatopsia

#6E6E6E

CSS Usage

background-color: #407C64;
color: #407C64;
border-color: #407C64;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DE
300
#AED5C6
400
#83BFA7
500
#57A888
600
#45876D
700
#386C57
800
#2B5444
900
#233E33
950
#162720

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026