#5A59A6 Color

Color Information

HEX#5A59A6
RGB90, 89, 166
HSL241° , 30% , 50%
HSV241° , 46% , 65%
CMYK46%, 46%, 0%, 35%

Lighter Shades

#6E6DB1 #8281BB #9595C6 #A9A9D1 #BDBDDB #D1D1E6

Darker Shades

#4F4E92 #44447E #3A396A #2F2E56 #242442 #19192E

Complementary Palette

#4D4D8F #5A59A6 #8D8F4D #A4A659 #B1B270 #7170B2

Analogous Palette

#647587 #6C7F93 #55549C #5A59A6 #806C93 #8A789B

Triadic Palette

#4F4E92 #5A59A6 #B3504D #BC6562 #4DB350 #449E46

Split Complementary Palette

#515095 #5A59A6 #A68159 #AF8E6A #7EA659 #719550

Square Palette

#4C4B8B #5A59A6 #99667F #979966 #59A681 #74B495

Tetradic Palette

#4A4988 #5A59A6 #BD42B9 #A4A659 #42BD46 #64C967

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A59A6 contains 90 red, 89 green, and 166 blue.

Contrast Ratio: 6.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.4:1