#504C84 Color

Color Information

HEX	#504C84
RGB	80, 76, 132
HSL	244° , 27% , 41%
HSV	244° , 42% , 52%
CMYK	39%, 42%, 0%, 48%

Lighter Shades

#656193 #7A77A2 #8F8CB0 #A4A2BF #B9B7CE #CECDDD

Darker Shades

#464374 #3D3A64 #333154 #2A2845 #201E35 #161525

Complementary Palette

#454172 #504C84 #6F7241 #81854C #939665 #696595

Analogous Palette

#525F6F #596678 #4B477C #504C84 #6B5978 #786487

Triadic Palette

#464374 #504C84 #8F4742 #9C5D59 #428F47 #3A7E3E

Split Complementary Palette

#484477 #504C84 #856C4C #917B5E #65854C #5B7844

Square Palette

#43406F #504C84 #7A5766 #787A57 #4C856C #699984

Tetradic Palette

#423E6C #504C84 #983A91 #81854C #3A9840 #5DAB62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504C84 contains 80 red, 76 green, and 132 blue.

Contrast Ratio: 7.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1