#5364AC

#5364AC

Color Values

HEX

#5364AC

RGB

83, 100, 172

HSL

228.5, 34.9%, 50.0%

HSV

228.5, 51.7%, 67.5%

CMYK

51.7%, 41.9%, 0.0%, 32.5%

OKLCH

0.5236 0.1152 271.9

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5364AC

#AC9B53

Analogous

#5391AC

#6E53AC

#5364AC

Triadic

#5364AC

#AC5364

#64AC53

Split Complementary

#5364AC

#AC6E53

#91AC53

Tetradic

#5364AC

#AC5391

#AC9B53

#53AC6E

Color Blindness Simulation

Original

#5364AC

Protanopia

#5A5B9B

Deuteranopia

#595896

Tritanopia

#548D8A

Achromatopsia

#666666

CSS Usage

background-color: #5364AC;
color: #5364AC;
border-color: #5364AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD4E8
300
#ACB5D7
400
#808CC2
500
#5364AC
600
#42508A
700
#35406E
800
#2A3256
900
#212740
950
#151928

Contrast Checker

Text on white

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