#407E7C

#407E7C

Color Values

HEX

#407E7C

RGB

64, 126, 124

HSL

178.1, 32.6%, 37.3%

HSV

178.1, 49.2%, 49.4%

CMYK

49.2%, 0.0%, 1.6%, 50.6%

OKLCH

0.5513 0.0643 192.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#407E7C

#7E4042

Analogous

#407E5D

#40617E

#407E7C

Triadic

#407E7C

#7C407E

#7E7C40

Split Complementary

#407E7C

#7E4061

#7E5D40

Tetradic

#407E7C

#5D407E

#7E4042

#617E40

Color Blindness Simulation

Original

#407E7C

Protanopia

#5B5B7C

Deuteranopia

#57537D

Tritanopia

#437D7D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E7E6
300
#AED6D4
400
#82BFBD
500
#56A9A6
600
#458785
700
#376C6B
800
#2B5553
900
#223F3E
950
#162827

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026