#505F86 Color

Color Information

HEX	#505F86
RGB	80, 95, 134
HSL	223° , 25% , 42%
HSV	223° , 40% , 53%
CMYK	40%, 29%, 0%, 47%

Lighter Shades

#657295 #7A85A3 #8F99B2 #A4ACC0 #B9BFCF #CED2DD

Darker Shades

#465476 #3D4866 #333D56 #2A3146 #202636 #161B26

Complementary Palette

#455273 #505F86 #736645 #867750 #978A69 #697597

Analogous Palette

#556C72 #5B747B #4B597E #505F86 #625B7B #6E668A

Triadic Palette

#465476 #505F86 #91465B #9E5C6F #5B9146 #50803E

Split Complementary Palette

#485679 #505F86 #865C50 #926C62 #7A8650 #6E7948

Square Palette

#435071 #505F86 #7B5B74 #7B725B #50865C #6C9976

Tetradic Palette

#424E6E #505F86 #7F3D99 #867750 #57993D #75AB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505F86 contains 80 red, 95 green, and 134 blue.

Contrast Ratio: 6.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1