#5A3180 Color

Color Information

HEX#5A3180
RGB90, 49, 128
HSL271° , 45% , 35%
HSV271° , 62% , 50%
CMYK30%, 62%, 0%, 50%

Lighter Shades

#6E4A8F #82629E #957BAE #A994BD #BDADCC #D1C5DB

Darker Shades

#4F2B71 #442561 #3A1F52 #2F1943 #241433 #190E24

Complementary Palette

#4D2A6E #5A3180 #4C6F2A #588131 #6F934E #714E92

Analogous Palette

#3E3D66 #444370 #552E78 #5A3180 #70436F #765676

Triadic Palette

#4F2B71 #5A3180 #8A5D28 #987042 #288A5D #237952

Split Complementary Palette

#512C73 #5A3180 #808131 #8D8E46 #318132 #2C742D

Square Palette

#4C296C #5A3180 #783B3A #58783A #318081 #529495

Tetradic Palette

#4A2869 #5A3180 #912157 #588131 #21915D #49A57A

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1