#5464AB

#5464AB

Color Values

HEX

#5464AB

RGB

84, 100, 171

HSL

229.0, 34.1%, 50.0%

HSV

229.0, 50.9%, 67.1%

CMYK

50.9%, 41.5%, 0.0%, 32.9%

OKLCH

0.5237 0.1134 272.4

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5464AB

#AB9B54

Analogous

#548FAB

#7054AB

#5464AB

Triadic

#5464AB

#AB5464

#64AB54

Split Complementary

#5464AB

#AB7054

#8FAB54

Tetradic

#5464AB

#AB548F

#AB9B54

#54AB70

Color Blindness Simulation

Original

#5464AB

Protanopia

#5B5B9A

Deuteranopia

#5A5996

Tritanopia

#558C89

Achromatopsia

#666666

CSS Usage

background-color: #5464AB;
color: #5464AB;
border-color: #5464AB;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD4E7
300
#ADB5D7
400
#808CC1
500
#5464AB
600
#435089
700
#36406D
800
#2A3255
900
#22273F
950
#151928

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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