#404389

#404389

Color Values

HEX

#404389

RGB

64, 67, 137

HSL

237.5, 36.3%, 39.4%

HSV

237.5, 53.3%, 53.7%

CMYK

53.3%, 51.1%, 0.0%, 46.3%

OKLCH

0.418 0.1142 278.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#404389

#898640

Analogous

#406889

#614089

#404389

Triadic

#404389

#894043

#438940

Split Complementary

#404389

#896140

#688940

Tetradic

#404389

#894068

#898640

#408961

Color Blindness Simulation

Original

#404389

Protanopia

#414178

Deuteranopia

#414174

Tritanopia

#406B68

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ACADD8
400
#7E81C3
500
#5155AE
600
#41448B
700
#34366F
800
#292B57
900
#212240
950
#151529

Contrast Checker

Text on white

8.82:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026