#408489

#408489

Color Values

HEX

#408489

RGB

64, 132, 137

HSL

184.1, 36.3%, 39.4%

HSV

184.1, 53.3%, 53.7%

CMYK

53.3%, 3.6%, 0.0%, 46.3%

OKLCH

0.5713 0.0691 201.8

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#408489

#894540

Analogous

#408969

#405F89

#408489

Triadic

#408489

#894084

#848940

Split Complementary

#408489

#89405F

#896940

Tetradic

#408489

#694089

#894540

#5F8940

Color Blindness Simulation

Original

#408489

Protanopia

#5D5E88

Deuteranopia

#5A5488

Tritanopia

#438787

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ACD5D8
400
#7EBEC3
500
#51A7AE
600
#41868B
700
#346B6F
800
#295457
900
#213E40
950
#152729

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026