#5630AA Color

Color Information

HEX#5630AA
RGB86, 48, 170
HSL259° , 56% , 43%
HSV259° , 72% , 67%
CMYK49%, 72%, 0%, 33%

Lighter Shades

#6A49B4 #7F62BE #937BC9 #A793D3 #BBACDD #D0C5E7

Darker Shades

#4C2A96 #412481 #371F6D #2D1958 #221344 #180D30

Complementary Palette

#4A2992 #5630AA #729329 #84AB30 #95B74D #6E4DB6

Analogous Palette

#404D87 #465595 #512DA0 #5630AA #874695 #8F599B

Triadic Palette

#4C2A96 #5630AA #B65325 #BF683F #25B653 #21A049

Split Complementary Palette

#4D2B99 #5630AA #AB9530 #B3A045 #47AB30 #409A2B

Square Palette

#48288F #5630AA #A03B4E #80A03B #30AB95 #51B8A6

Tetradic Palette

#47278B #5630AA #BF1D8B #84AB30 #1DBF50 #46CB70

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5630AA contains 86 red, 48 green, and 170 blue.

Contrast Ratio: 8.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1