#408F78

#408F78

Color Values

HEX

#408F78

RGB

64, 143, 120

HSL

162.5, 38.2%, 40.6%

HSV

162.5, 55.2%, 56.1%

CMYK

55.2%, 0.0%, 16.1%, 43.9%

OKLCH

0.5937 0.0861 171.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#408F78

#8F4057

Analogous

#408F50

#407F8F

#408F78

Triadic

#408F78

#78408F

#8F7840

Split Complementary

#408F78

#8F407F

#8F5040

Tetradic

#408F78

#50408F

#8F4057

#7F8F40

Color Blindness Simulation

Original

#408F78

Protanopia

#62637E

Deuteranopia

#5E587F

Tritanopia

#448283

Achromatopsia

#7D7D7D

CSS Usage

background-color: #408F78;
color: #408F78;
border-color: #408F78;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#AAD9CC
400
#7DC5B0
500
#4FB094
600
#3F8D76
700
#32715F
800
#27584A
900
#204137
950
#142923

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026