#5A2170 Color

Color Information

HEX#5A2170
RGB90, 33, 112
HSL283° , 54% , 28%
HSV283° , 71% , 44%
CMYK20%, 71%, 0%, 56%

Lighter Shades

#6E3C81 #825692 #9571A3 #A98CB5 #BDA6C6 #D1C1D7

Darker Shades

#4F1D63 #441955 #3A1548 #2F113A #240D2D #19091F

Complementary Palette

#4D1C60 #5A2170 #2F5F1C #376E21 #538240 #714084

Analogous Palette

#362C59 #3A2F60 #551F69 #5A2170 #602F55 #694460

Triadic Palette

#4F1D63 #5A2170 #755B1A #866F35 #1A755B #176750

Split Complementary Palette

#511E65 #5A2170 #5D6E21 #6D7D37 #216E32 #1E632D

Square Palette

#4C1C5E #5A2170 #673628 #3A6728 #215D6E #457785

Tetradic Palette

#4A1B5C #5A2170 #7B1431 #376E21 #147B5E #3E937B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A2170 contains 90 red, 33 green, and 112 blue.

Contrast Ratio: 11.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.83:1