#408788

#408788

Color Values

HEX

#408788

RGB

64, 135, 136

HSL

180.8, 36.0%, 39.2%

HSV

180.8, 52.9%, 53.3%

CMYK

52.9%, 0.7%, 0.0%, 46.7%

OKLCH

0.5785 0.0711 196.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#408788

#884140

Analogous

#408865

#406388

#408788

Triadic

#408788

#884087

#878840

Split Complementary

#408788

#884063

#886540

Tetradic

#408788

#654088

#884140

#638840

Color Blindness Simulation

Original

#408788

Protanopia

#5F5F88

Deuteranopia

#5B5588

Tritanopia

#448888

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E8
300
#ACD7D8
400
#7FC2C3
500
#52ACAD
600
#418A8B
700
#346E6F
800
#295657
900
#214040
950
#152829

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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