#407678

#407678

Color Values

HEX

#407678

RGB

64, 118, 120

HSL

182.1, 30.4%, 36.1%

HSV

182.1, 46.7%, 47.1%

CMYK

46.7%, 1.7%, 0.0%, 52.9%

OKLCH

0.5295 0.0575 198.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#407678

#784240

Analogous

#40785E

#405A78

#407678

Triadic

#407678

#784076

#767840

Split Complementary

#407678

#78405A

#785E40

Tetradic

#407678

#5E4078

#784240

#5A7840

Color Blindness Simulation

Original

#407678

Protanopia

#575878

Deuteranopia

#545077

Tritanopia

#437777

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D0E5E6
300
#AFD3D4
400
#84BBBD
500
#59A4A6
600
#478385
700
#39696A
800
#2C5253
900
#233D3E
950
#162627

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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