#407B80

#407B80

Color Values

HEX

#407B80

RGB

64, 123, 128

HSL

184.7, 33.3%, 37.6%

HSV

184.7, 50.0%, 50.2%

CMYK

50.0%, 3.9%, 0.0%, 49.8%

OKLCH

0.5452 0.062 202.7

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#407B80

#804540

Analogous

#408065

#405B80

#407B80

Triadic

#407B80

#80407B

#7B8040

Split Complementary

#407B80

#80405B

#806540

Tetradic

#407B80

#654080

#804540

#5B8040

Color Blindness Simulation

Original

#407B80

Protanopia

#5A5A7F

Deuteranopia

#56527E

Tritanopia

#437E7E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E7
300
#ADD3D6
400
#81BBC0
500
#55A3AA
600
#448388
700
#36696D
800
#2B5255
900
#223D3F
950
#152628

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36: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