#404B8C

#404B8C

Color Values

HEX

#404B8C

RGB

64, 75, 140

HSL

231.3, 37.3%, 40.0%

HSV

231.3, 54.3%, 54.9%

CMYK

54.3%, 46.4%, 0.0%, 45.1%

OKLCH

0.4369 0.1072 273.9

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#404B8C

#8C8140

Analogous

#40718C

#5B408C

#404B8C

Triadic

#404B8C

#8C404B

#4B8C40

Split Complementary

#404B8C

#8C5B40

#718C40

Tetradic

#404B8C

#8C4071

#8C8140

#408C5B

Color Blindness Simulation

Original

#404B8C

Protanopia

#45457C

Deuteranopia

#444378

Tritanopia

#41706D

Achromatopsia

#4D4D4D

CSS Usage

background-color: #404B8C;
color: #404B8C;
border-color: #404B8C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CED2E9
300
#ABB2D9
400
#7D88C4
500
#505EAF
600
#404B8C
700
#333C70
800
#282F58
900
#202541
950
#141729

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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