#5A3C70 Color

Color Information

HEX	#5A3C70
RGB	90, 60, 112
HSL	275° , 30% , 34%
HSV	275° , 46% , 44%
CMYK	20%, 46%, 0%, 56%

Lighter Shades

#6E5381 #826B92 #9582A3 #A99AB5 #BDB1C6 #D1C8D7

Darker Shades

#4F3563 #442E55 #3A2648 #2F1F3A #24182D #19111F

Complementary Palette

#4D3460 #5A3C70 #476134 #52713D #6A8558 #715784

Analogous Palette

#45435B #4C4A64 #553869 #5A3C70 #644A61 #725570

Triadic Palette

#4F3563 #5A3C70 #795C34 #89704C #34795C #2E6A51

Split Complementary Palette

#513665 #5A3C70 #6C713D #7B7F50 #3D7141 #37663B

Square Palette

#4C325E #5A3C70 #684845 #536845 #3D6C71 #5C8488

Tetradic Palette

#4A315C #5A3C70 #802D4E #52713D #2D805E #53977B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3C70 contains 90 red, 60 green, and 112 blue.

Contrast Ratio: 9.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1