#5A3DA6 Color

Color Information

HEX#5A3DA6
RGB90, 61, 166
HSL257° , 46% , 45%
HSV257° , 63% , 65%
CMYK46%, 63%, 0%, 35%

Lighter Shades

#6E54B1 #826CBB #9583C6 #A99AD1 #BDB1DB #D1C9E6

Darker Shades

#4F3692 #442E7E #3A276A #2F2056 #241842 #19112E

Complementary Palette

#4D348F #5A3DA6 #779035 #8AA83E #9AB459 #7158B2

Analogous Palette

#4F5B87 #556291 #55399C #5A3DA6 #845591 #8A6595

Triadic Palette

#4F3692 #5A3DA6 #B35732 #BC6B4B #32B357 #2C9E4D

Split Complementary Palette

#513795 #5A3DA6 #A8913E #B19C51 #55A83E #4D9738

Square Palette

#4C338B #5A3DA6 #9C495B #859C49 #3EA891 #5DB6A3

Tetradic Palette

#4A3288 #5A3DA6 #BC2993 #8AA83E #29BC53 #50C872

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3DA6 contains 90 red, 61 green, and 166 blue.

Contrast Ratio: 8.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1