#5A3478 Color

Color Information

HEX	#5A3478
RGB	90, 52, 120
HSL	274° , 40% , 34%
HSV	274° , 57% , 47%
CMYK	25%, 57%, 0%, 53%

Lighter Shades

#6E4C88 #826598 #957DA9 #A995B9 #BDAEC9 #D1C6D9

Darker Shades

#4F2E6A #44285B #3A214D #2F1B3E #241530 #190F22

Complementary Palette

#4D2D67 #5A3478 #47682D #527934 #6A8C50 #71508B

Analogous Palette

#413F5F #484568 #553171 #5A3478 #684566 #725570

Triadic Palette

#4F2E6A #5A3478 #825C2B #917044 #2B825C #267251

Split Complementary Palette

#512F6C #5A3478 #757934 #838648 #347939 #2F6D33

Square Palette

#4C2C65 #5A3478 #71403D #53713D #347579 #548B8E

Tetradic Palette

#4A2B62 #5A3478 #892450 #527934 #24895D #4B9E7A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3478 contains 90 red, 52 green, and 120 blue.

Contrast Ratio: 9.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1