#5A315A Color

Color Information

HEX#5A315A
RGB90, 49, 90
HSL300° , 29% , 27%
HSV300° , 46% , 35%
CMYK0%, 46%, 0%, 65%

Lighter Shades

#6E4A6E #826282 #957B95 #A994A9 #BDADBD #D1C5D1

Darker Shades

#4F2B4F #442544 #3A1F3A #2F192F #241424 #190E19

Complementary Palette

#4D2A4D #5A315A #2A4D2A #315931 #4E704E #714E71

Analogous Palette

#3F3649 #453B4F #552E55 #5A315A #4F3B45 #614855

Triadic Palette

#4F2B4F #5A315A #60602A #737344 #2A6060 #255454

Split Complementary Palette

#512C51 #5A315A #455931 #586A46 #315945 #2C503E

Square Palette

#4C294C #5A315A #524538 #385238 #314559 #526374

Tetradic Palette

#4A284A #5A315A #652424 #315931 #246565 #4B8181

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1