#504987 Color

Color Information

HEX#504987
RGB80, 73, 135
HSL247° , 30% , 41%
HSV247° , 46% , 53%
CMYK41%, 46%, 0%, 47%

Lighter Shades

#655F95 #7A75A4 #8F8BB2 #A4A0C1 #B9B6CF #CECCDD

Darker Shades

#464077 #3D3767 #332F56 #2A2646 #201D36 #161426

Complementary Palette

#453F74 #504987 #6F753F #818849 #939962 #696298

Analogous Palette

#525E6F #596578 #4B457F #504987 #6C5978 #796487

Triadic Palette

#464077 #504987 #924A3F #9F6056 #3F924A #378041

Split Complementary Palette

#48427A #504987 #887049 #947E5B #618849 #577A42

Square Palette

#433D71 #504987 #7D5464 #797D54 #498870 #669B87

Tetradic Palette

#423C6F #504987 #9B368F #818849 #369B44 #5AAD66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504987 contains 80 red, 73 green, and 135 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1