#404FBF

#404FBF

Color Values

HEX

#404FBF

RGB

64, 79, 191

HSL

232.9, 49.8%, 50.0%

HSV

232.9, 66.5%, 74.9%

CMYK

66.5%, 58.6%, 0.0%, 25.1%

OKLCH

0.4829 0.1749 272.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#404FBF

#BFB040

Analogous

#408FBF

#7040BF

#404FBF

Triadic

#404FBF

#BF404F

#4FBF40

Split Complementary

#404FBF

#BF7040

#8FBF40

Tetradic

#404FBF

#BF408F

#BFB040

#40BF70

Color Blindness Simulation

Original

#404FBF

Protanopia

#4647A4

Deuteranopia

#46449D

Tritanopia

#418E8A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACEED
300
#A3ABE0
400
#727DD0
500
#404FBF
600
#333F99
700
#29337A
800
#20285F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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