#409590

#409590

Color Values

HEX

#409590

RGB

64, 149, 144

HSL

176,5, 39,9%, 41,8%

HSV

176,5, 57,0%, 58,4%

CMYK

57,0%, 0,0%, 3,4%, 41,6%

OKLCH

0,6166 0,082 190,0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#409590

#954045

Analogous

#409566

#407095

#409590

Triadic

#409590

#904095

#959040

Split Complementary

#409590

#954070

#956640

Tetradic

#409590

#664095

#954045

#709540

Color Blindness Simulation

Original

#409590

Protanopia

#656691

Deuteranopia

#605A92

Tritanopia

#449292

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CDEAE8
300
#A9DAD7
400
#7BC6C2
500
#4DB2AC
600
#3D8F8A
700
#31726E
800
#265956
900
#1F4240
950
#142A28

Contrast Checker

Text on white

3,55:1

AA Fail AAA Fail

Text on black

5,92: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