#408C84

#408C84

Color Values

HEX

#408C84

RGB

64, 140, 132

HSL

173.7, 37.3%, 40.0%

HSV

173.7, 54.3%, 54.9%

CMYK

54.3%, 0.0%, 5.7%, 45.1%

OKLCH

0.5898 0.0763 186.1

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#408C84

#8C4048

Analogous

#408C5E

#406E8C

#408C84

Triadic

#408C84

#84408C

#8C8440

Split Complementary

#408C84

#8C406E

#8C5E40

Tetradic

#408C84

#5E408C

#8C4048

#6E8C40

Color Blindness Simulation

Original

#408C84

Protanopia

#616286

Deuteranopia

#5C5786

Tritanopia

#448788

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D4
400
#7DC4BC
500
#50AFA5
600
#408C84
700
#33706A
800
#285853
900
#20413D
950
#142927

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass 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