#5A64A4 Color

Color Information

HEX#5A64A4
RGB90, 100, 164
HSL232° , 29% , 50%
HSV232° , 45% , 64%
CMYK45%, 39%, 0%, 36%

Lighter Shades

#6E77AF #8289BA #959CC5 #A9AED0 #BDC1DB #D1D4E6

Darker Shades

#4F5890 #444C7D #3A4069 #2F3455 #242842 #191C2E

Complementary Palette

#4D568D #5A64A4 #8D854E #A49B5B #B1A972 #717AB1

Analogous Palette

#647A87 #6C8593 #555E9A #5A64A4 #7A6C93 #85789B

Triadic Palette

#4F5890 #5A64A4 #B14E59 #BA636D #59B14E #4E9C45

Split Complementary Palette

#515A94 #5A64A4 #A4765B #AD846B #89A45B #7B9452

Square Palette

#4C548A #5A64A4 #986786 #989267 #5BA476 #75B38C

Tetradic Palette

#4A5286 #5A64A4 #AD44BB #A49B5B #52BB44 #71C766

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A64A4 contains 90 red, 100 green, and 164 blue.

Contrast Ratio: 5.52:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.8:1