#5A3970 Color

Color Information

HEX#5A3970
RGB90, 57, 112
HSL276° , 33% , 33%
HSV276° , 49% , 44%
CMYK20%, 49%, 0%, 56%

Lighter Shades

#6E5181 #826992 #9580A3 #A998B5 #BDB0C6 #D1C8D7

Darker Shades

#4F3263 #442B55 #3A2448 #2F1E3A #24172D #19101F

Complementary Palette

#4D3160 #5A3970 #446030 #4F7038 #688454 #715584

Analogous Palette

#434158 #4A4861 #553669 #5A3970 #61485E #6F526D

Triadic Palette

#4F3263 #5A3970 #785B30 #886F49 #30785B #2A6A50

Split Complementary Palette

#513365 #5A3970 #6A7038 #797E4C #38703E #326538

Square Palette

#4C305E #5A3970 #684541 #516841 #386A70 #588287

Tetradic Palette

#4A2F5C #5A3970 #7F294D #4F7038 #297F5D #50967A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3970 contains 90 red, 57 green, and 112 blue.

Contrast Ratio: 9.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1