#5A3F97 Color

Color Information

HEX	#5A3F97
RGB	90, 63, 151
HSL	258° , 41% , 42%
HSV	258° , 58% , 59%
CMYK	40%, 58%, 0%, 41%

Lighter Shades

#6E56A3 #826DB0 #9584BC #A99BC9 #BDB2D5 #D1C9E2

Darker Shades

#4F3785 #443073 #3A2861 #2F214F #24193C #19122A

Complementary Palette

#4D3682 #5A3F97 #6C8236 #7D973F #8FA65A #715AA6

Analogous Palette

#4F5878 #555E82 #553B8E #5A3F97 #795582 #806487

Triadic Palette

#4F3785 #5A3F97 #A25534 #AD694C #34A255 #2E8F4B

Split Complementary Palette

#513988 #5A3F97 #97853F #A19152 #51973F #498839

Square Palette

#4C357F #5A3F97 #8C4A57 #788C4A #3F9785 #5EA899

Tetradic Palette

#4A347C #5A3F97 #AA2C84 #7D973F #2CAA52 #52B971

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A3F97 contains 90 red, 63 green, and 151 blue.

Contrast Ratio: 8.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1