#407D83

#407D83

Color Values

HEX

#407D83

RGB

64, 125, 131

HSL

185.4, 34.4%, 38.2%

HSV

185.4, 51.1%, 51.4%

CMYK

51.1%, 4.6%, 0.0%, 48.6%

OKLCH

0.5514 0.0638 203.9

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#407D83

#834640

Analogous

#408367

#405B83

#407D83

Triadic

#407D83

#83407D

#7D8340

Split Complementary

#407D83

#83405B

#836740

Tetradic

#407D83

#674083

#834640

#5B8340

Color Blindness Simulation

Original

#407D83

Protanopia

#5A5B82

Deuteranopia

#575281

Tritanopia

#438080

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ADD3D7
400
#80BBC1
500
#54A3AB
600
#438389
700
#36696E
800
#2A5256
900
#213D3F
950
#152628

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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