#505E6C Color

Color Information

HEX	#505E6C
RGB	80, 94, 108
HSL	210° , 15% , 37%
HSV	210° , 26% , 42%
CMYK	26%, 13%, 0%, 58%

Lighter Shades

#65717E #7A858F #8F98A1 #A4ABB3 #B9BFC4 #CED2D6

Darker Shades

#46535F #3D4752 #333C45 #2A3138 #20262B #161A1E

Complementary Palette

#45515D #505E6C #5E5145 #6D5E50 #817569 #697581

Analogous Palette

#4A6464 #506D6D #4B5866 #505E6C #50506D #5B5B7B

Triadic Palette

#46535F #505E6C #76475E #865D71 #5E7647 #53683E

Split Complementary Palette

#485561 #505E6C #6D5050 #7C6262 #6D6D50 #626248

Square Palette

#434F5B #505E6C #6D506D #6D5E50 #506D50 #6C846C

Tetradic Palette

#424D59 #505E6C #5D3F7D #6D5E50 #5D7D3F #7A9462

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505E6C contains 80 red, 94 green, and 108 blue.

Contrast Ratio: 6.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.14:1