#505E86 Color

Color Information

HEX#505E86
RGB80, 94, 134
HSL224° , 25% , 42%
HSV224° , 40% , 53%
CMYK40%, 30%, 0%, 47%

Lighter Shades

#657195 #7A85A3 #8F98B2 #A4ABC0 #B9BFCF #CED2DD

Darker Shades

#465376 #3D4766 #333C56 #2A3146 #202636 #161A26

Complementary Palette

#455173 #505E86 #736745 #867850 #978B69 #697597

Analogous Palette

#556B72 #5B747B #4B587E #505E86 #635B7B #6E668A

Triadic Palette

#465376 #505E86 #91465B #9E5C6F #5B9146 #50803E

Split Complementary Palette

#485579 #505E86 #865D50 #926D62 #798650 #6D7948

Square Palette

#434F71 #505E86 #7B5B74 #7B735B #50865D #6C9977

Tetradic Palette

#424D6E #505E86 #813D99 #867850 #57993D #75AB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505E86 contains 80 red, 94 green, and 134 blue.

Contrast Ratio: 6.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1