#5463AB

#5463AB

Color Values

HEX

#5463AB

RGB

84, 99, 171

HSL

229.7, 34.1%, 50.0%

HSV

229.7, 50.9%, 67.1%

CMYK

50.9%, 42.1%, 0.0%, 32.9%

OKLCH

0.5216 0.1147 272.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5463AB

#AB9C54

Analogous

#548EAB

#7154AB

#5463AB

Triadic

#5463AB

#AB5463

#63AB54

Split Complementary

#5463AB

#AB7154

#8EAB54

Tetradic

#5463AB

#AB548E

#AB9C54

#54AB71

Color Blindness Simulation

Original

#5463AB

Protanopia

#5A5B9A

Deuteranopia

#5A5895

Tritanopia

#558C89

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD3E7
300
#ADB4D7
400
#808CC1
500
#5463AB
600
#434F89
700
#363F6D
800
#2A3155
900
#22273F
950
#151828

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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