#404CBF

#404CBF

Color Values

HEX

#404CBF

RGB

64, 76, 191

HSL

234.3, 49.8%, 50.0%

HSV

234.3, 66.5%, 74.9%

CMYK

66.5%, 60.2%, 0.0%, 25.1%

OKLCH

0.4773 0.1786 273.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#404CBF

#BFB340

Analogous

#408CBF

#7340BF

#404CBF

Triadic

#404CBF

#BF404C

#4CBF40

Split Complementary

#404CBF

#BF7340

#8CBF40

Tetradic

#404CBF

#BF408C

#BFB340

#40BF73

Color Blindness Simulation

Original

#404CBF

Protanopia

#4545A3

Deuteranopia

#44449C

Tritanopia

#418D88

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A3A9E0
400
#727BD0
500
#404CBF
600
#333D99
700
#29317A
800
#20265F
900
#1B1F46
950
#11132C

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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