#5A315B Color

Color Information

HEX#5A315B
RGB90, 49, 91
HSL299° , 30% , 27%
HSV299° , 46% , 36%
CMYK1%, 46%, 0%, 64%

Lighter Shades

#6E4A6F #826282 #957B96 #A994AA #BDADBD #D1C5D1

Darker Shades

#4F2B50 #442545 #3A1F3A #2F192F #241424 #190E19

Complementary Palette

#4D2A4E #5A315B #2A4D29 #315A30 #4E714D #714E72

Analogous Palette

#3F3649 #453B4F #552E56 #5A315B #4F3B45 #614855

Triadic Palette

#4F2B50 #5A315B #605F29 #737243 #29605F #245454

Split Complementary Palette

#512C52 #5A315B #465A30 #596B45 #305A44 #2B513D

Square Palette

#4C294C #5A315B #534437 #385337 #30465A #516474

Tetradic Palette

#4A284B #5A315B #662425 #315A30 #246665 #4B8281

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A315B contains 90 red, 49 green, and 91 blue.

Contrast Ratio: 10.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1