#504488 Color

Color Information

HEX#504488
RGB80, 68, 136
HSL251° , 33% , 40%
HSV251° , 50% , 53%
CMYK41%, 50%, 0%, 47%

Lighter Shades

#655A96 #7A71A5 #8F87B3 #A49EC1 #B9B4CF #CECBDE

Darker Shades

#463C78 #3D3467 #332C57 #2A2347 #201B36 #161326

Complementary Palette

#453A75 #504488 #6A753A #7B8844 #8D995E #695E99

Analogous Palette

#50596D #576075 #4B4080 #504488 #6C5775 #786284

Triadic Palette

#463C78 #504488 #924A3A #9F6052 #3A924A #338041

Split Complementary Palette

#483D7A #504488 #887244 #948057 #5A8844 #517A3D

Square Palette

#433972 #504488 #7D4F5D #757D4F #448872 #629B89

Tetradic Palette

#423870 #504488 #9A3287 #7B8844 #329A45 #57AC66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504488 contains 80 red, 68 green, and 136 blue.

Contrast Ratio: 8.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1