#404DBF

#404DBF

Color Values

HEX

#404DBF

RGB

64, 77, 191

HSL

233.9, 49.8%, 50.0%

HSV

233.9, 66.5%, 74.9%

CMYK

66.5%, 59.7%, 0.0%, 25.1%

OKLCH

0.4792 0.1774 272.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#404DBF

#BFB240

Analogous

#408CBF

#7340BF

#404DBF

Triadic

#404DBF

#BF404D

#4DBF40

Split Complementary

#404DBF

#BF7340

#8CBF40

Tetradic

#404DBF

#BF408C

#BFB240

#40BF73

Color Blindness Simulation

Original

#404DBF

Protanopia

#4646A3

Deuteranopia

#45449D

Tritanopia

#418E89

Achromatopsia

#525252

CSS Usage

background-color: #404DBF;
color: #404DBF;
border-color: #404DBF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A3AAE0
400
#727BD0
500
#404DBF
600
#333E99
700
#29317A
800
#20265F
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026