#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026