#409DAE

#409DAE

Color Values

HEX

#409DAE

RGB

64, 157, 174

HSL

189.3, 46.2%, 46.7%

HSV

189.3, 63.2%, 68.2%

CMYK

63.2%, 9.8%, 0.0%, 31.8%

OKLCH

0.6476 0.09 211.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#409DAE

#AE5140

Analogous

#40AE88

#4066AE

#409DAE

Triadic

#409DAE

#AE409D

#9DAE40

Split Complementary

#409DAE

#AE4066

#AE8840

Tetradic

#409DAE

#8840AE

#AE5140

#66AE40

Color Blindness Simulation

Original

#409DAE

Protanopia

#6869AA

Deuteranopia

#635CA9

Tritanopia

#45A7A6

Achromatopsia

#8A8A8A

CSS Usage

background-color: #409DAE;
color: #409DAE;
border-color: #409DAE;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE7EC
300
#A6D5DE
400
#75BFCC
500
#45A8BA
600
#378795
700
#2C6C77
800
#22545D
900
#1C3E45
950
#12272B

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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