#5A3F75 Color

Color Information

HEX	#5A3F75
RGB	90, 63, 117
HSL	270° , 30% , 35%
HSV	270° , 46% , 46%
CMYK	23%, 46%, 0%, 54%

Lighter Shades

#6E5686 #826D96 #9584A7 #A99BB7 #BDB2C8 #D1C9D8

Darker Shades

#4F3767 #443059 #3A284B #2F213D #24192F #191221

Complementary Palette

#4D3665 #5A3F75 #4D6435 #59743E #708759 #715A88

Analogous Palette

#45455E #4C4C67 #553B6E #5A3F75 #674C67 #755775

Triadic Palette

#4F3767 #5A3F75 #7D5936 #8D6D4E #367D59 #306E4E

Split Complementary Palette

#513969 #5A3F75 #74743E #828251 #3E743E #386838

Square Palette

#4C3562 #5A3F75 #6B4747 #596B47 #3E7474 #5D8A8A

Tetradic Palette

#4A3460 #5A3F75 #842E59 #59743E #2E8459 #549A77

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3F75 contains 90 red, 63 green, and 117 blue.

Contrast Ratio: 8.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1