#504C75 Color

Color Information

HEX	#504C75
RGB	80, 76, 117
HSL	246° , 21% , 38%
HSV	246° , 35% , 46%
CMYK	32%, 35%, 0%, 54%

Lighter Shades

#656186 #7A7796 #8F8CA7 #A4A2B7 #B9B7C8 #CECDD8

Darker Shades

#464367 #3D3A59 #33314B #2A283D #201E2F #161521

Complementary Palette

#454165 #504C75 #616542 #71754D #858866 #696588

Analogous Palette

#4C5767 #525E6F #4B476E #504C75 #64526F #715D7E

Triadic Palette

#464367 #504C75 #7F4943 #8E5F5A #437F49 #3B7040

Split Complementary Palette

#484469 #504C75 #75654D #83745F #5D754D #546945

Square Palette

#434062 #504C75 #6F525E #6D6F52 #4D7565 #698B7E

Tetradic Palette

#423E60 #504C75 #873B7F #71754D #3B8743 #5E9D65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504C75 contains 80 red, 76 green, and 117 blue.

Contrast Ratio: 8.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1