#56318E Color

Color Information

HEX	#56318E
RGB	86, 49, 142
HSL	264° , 49% , 37%
HSV	264° , 65% , 56%
CMYK	39%, 65%, 0%, 44%

Lighter Shades

#6A4A9C #7F62A9 #937BB7 #A794C4 #BBADD2 #D0C5DF

Darker Shades

#4C2B7D #41256C #371F5B #2D194A #221439 #180E28

Complementary Palette

#4A2A7A #56318E #597929 #688D30 #7D9D4D #6E4E9E

Analogous Palette

#3E4370 #43487A #512E85 #56318E #74437A #7C5681

Triadic Palette

#4C2B7D #56318E #965327 #A36841 #279653 #228449

Split Complementary Palette

#4D2C80 #56318E #8D8330 #988F45 #398D30 #337F2B

Square Palette

#482977 #56318E #833A41 #66833A #308D83 #519F97

Tetradic Palette

#472874 #56318E #9E1F6B #688D30 #1F9E52 #47AF71

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56318E contains 86 red, 49 green, and 142 blue.

Contrast Ratio: 9.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1