#5A3C86 Color

Color Information

HEX	#5A3C86
RGB	90, 60, 134
HSL	264° , 38% , 38%
HSV	264° , 55% , 53%
CMYK	33%, 55%, 0%, 47%

Lighter Shades

#6E5395 #826BA3 #9582B2 #A99AC0 #BDB1CF #D1C8DD

Darker Shades

#4F3576 #442E66 #3A2656 #2F1F46 #241836 #191126

Complementary Palette

#4D3473 #5A3C86 #597334 #68863C #7D9757 #715797

Analogous Palette

#494C69 #4F5372 #55387E #5A3C86 #6F4F72 #7A5D7E

Triadic Palette

#4F3576 #5A3C86 #8F5832 #9C6C4B #328F58 #2C7E4D

Split Complementary Palette

#513679 #5A3C86 #867E3C #928B50 #43863C #3C7936

Square Palette

#4C3271 #5A3C86 #7C464B #667C46 #3C867E #5B9993

Tetradic Palette

#4A316E #5A3C86 #972B6C #68863C #2B9756 #51AA74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3C86 contains 90 red, 60 green, and 134 blue.

Contrast Ratio: 8.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1