#409CBF

#409CBF

Color Values

HEX

#409CBF

RGB

64, 156, 191

HSL

196.5, 49.8%, 50.0%

HSV

196.5, 66.5%, 74.9%

CMYK

66.5%, 18.3%, 0.0%, 25.1%

OKLCH

0.6524 0.1003 226.6

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#409CBF

#BF6340

Analogous

#40BFA2

#405DBF

#409CBF

Triadic

#409CBF

#BF409C

#9CBF40

Split Complementary

#409CBF

#BF405D

#BFA240

Tetradic

#409CBF

#A240BF

#BF6340

#5DBF40

Color Blindness Simulation

Original

#409CBF

Protanopia

#6869B7

Deuteranopia

#625CB4

Tritanopia

#45B0AE

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#CAE3ED
300
#A3D0E0
400
#72B6D0
500
#409CBF
600
#337D99
700
#29647A
800
#204E5F
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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