#56317D Color

Color Information

HEX#56317D
RGB86, 49, 125
HSL269° , 44% , 34%
HSV269° , 61% , 49%
CMYK31%, 61%, 0%, 51%

Lighter Shades

#6A4A8D #7F629C #937BAC #A794BB #BBADCB #D0C5DB

Darker Shades

#4C2B6E #41255F #371F50 #2D1941 #221432 #180E23

Complementary Palette

#4A2A6C #56317D #4C6C2A #587D31 #6F8F4E #6E4E8F

Analogous Palette

#3C3D62 #42436C #512E76 #56317D #6B426C #725572

Triadic Palette

#4C2B6E #56317D #865428 #956942 #288654 #23764A

Split Complementary Palette

#4D2C71 #56317D #7D7C31 #8A8946 #327D31 #2D712C

Square Palette

#482969 #56317D #74393A #587439 #317D7C #529291

Tetradic Palette

#472867 #56317D #8C2158 #587D31 #218C53 #49A172

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #56317D contains 86 red, 49 green, and 125 blue.

Contrast Ratio: 10.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1