#5368AC

#5368AC

Color Values

HEX

#5368AC

RGB

83, 104, 172

HSL

225.8, 34.9%, 50.0%

HSV

225.8, 51.7%, 67.5%

CMYK

51.7%, 39.5%, 0.0%, 32.5%

OKLCH

0.5322 0.1099 269.4

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#5368AC

#AC9753

Analogous

#5395AC

#6A53AC

#5368AC

Triadic

#5368AC

#AC5368

#68AC53

Split Complementary

#5368AC

#AC6A53

#95AC53

Tetradic

#5368AC

#AC5395

#AC9753

#53AC6A

Color Blindness Simulation

Original

#5368AC

Protanopia

#5C5C9C

Deuteranopia

#5B5998

Tritanopia

#548F8C

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD5E8
300
#ACB7D7
400
#808FC2
500
#5368AC
600
#42538A
700
#35436E
800
#2A3456
900
#212840
950
#151A28

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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