#409DBF

#409DBF

Color Values

HEX

#409DBF

RGB

64, 157, 191

HSL

196.1, 49.8%, 50.0%

HSV

196.1, 66.5%, 74.9%

CMYK

66.5%, 17.8%, 0.0%, 25.1%

OKLCH

0.6547 0.1 225.7

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#409DBF

#BF6240

Analogous

#40BFA2

#405DBF

#409DBF

Triadic

#409DBF

#BF409D

#9DBF40

Split Complementary

#409DBF

#BF405D

#BFA240

Tetradic

#409DBF

#A240BF

#BF6240

#5DBF40

Color Blindness Simulation

Original

#409DBF

Protanopia

#6869B7

Deuteranopia

#635CB5

Tritanopia

#45B0AF

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE4ED
300
#A3D0E0
400
#72B6D0
500
#409DBF
600
#337E99
700
#29647A
800
#204E5F
900
#1B3B46
950
#11252C

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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