#409C97

#409C97

Color Values

HEX

#409C97

RGB

64, 156, 151

HSL

176,7, 41,8%, 43,1%

HSV

176,7, 59,0%, 61,2%

CMYK

59,0%, 0,0%, 3,2%, 38,8%

OKLCH

0,6366 0,0869 190,3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#409C97

#9C4045

Analogous

#409C69

#40739C

#409C97

Triadic

#409C97

#97409C

#9C9740

Split Complementary

#409C97

#9C4073

#9C6940

Tetradic

#409C97

#69409C

#9C4045

#739C40

Color Blindness Simulation

Original

#409C97

Protanopia

#686998

Deuteranopia

#625C98

Tritanopia

#459999

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCEAE9
300
#A8DBD9
400
#79C8C4
500
#4AB5AF
600
#3B918C
700
#2F7470
800
#255A57
900
#1E4341
950
#132A29

Contrast Checker

Text on white

3,27:1

AA Fail AAA Fail

Text on black

6,42: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