#409A9B

#409A9B

Color Values

HEX

#409A9B

RGB

64, 154, 155

HSL

180.7, 41.6%, 42.9%

HSV

180.7, 58.7%, 60.8%

CMYK

58.7%, 0.6%, 0.0%, 39.2%

OKLCH

0.633 0.0848 196.2

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#409A9B

#9B4140

Analogous

#409B6E

#406C9B

#409A9B

Triadic

#409A9B

#9B409A

#9A9B40

Split Complementary

#409A9B

#9B406C

#9B6E40

Tetradic

#409A9B

#6E409B

#9B4140

#6C9B40

Color Blindness Simulation

Original

#409A9B

Protanopia

#67689B

Deuteranopia

#625B9B

Tritanopia

#449B9B

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCEAEA
300
#A8DBDB
400
#79C7C8
500
#4AB3B5
600
#3C8F90
700
#307374
800
#255A5A
900
#1E4243
950
#132A2A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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