#5A315C Color

Color Information

HEX#5A315C
RGB90, 49, 92
HSL297° , 30% , 28%
HSV297° , 47% , 36%
CMYK2%, 47%, 0%, 64%

Lighter Shades

#6E4A70 #826283 #957B97 #A994AA #BDADBE #D1C5D1

Darker Shades

#4F2B51 #442546 #3A1F3B #2F1930 #241425 #190E1A

Complementary Palette

#4D2A4F #5A315C #2D502B #345D32 #50744F #714E73

Analogous Palette

#41384C #463D52 #552E56 #5A315C #523D48 #644A58

Triadic Palette

#4F2B51 #5A315C #64612B #777444 #2B6461 #265855

Split Complementary Palette

#512C53 #5A315C #4A5D32 #5C6D47 #325D45 #2D543E

Square Palette

#4C294D #5A315C #564639 #3B5639 #324A5D #536777

Tetradic Palette

#4A284B #5A315C #6A2529 #345D32 #256A66 #4C8582

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A315C contains 90 red, 49 green, and 92 blue.

Contrast Ratio: 10.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1