#505A6A Color

Color Information

HEX	#505A6A
RGB	80, 90, 106
HSL	217° , 14% , 36%
HSV	217° , 25% , 42%
CMYK	25%, 15%, 0%, 58%

Lighter Shades

#656E7C #7A828E #8F95A0 #A4A9B2 #B9BDC3 #CED1D5

Darker Shades

#464F5D #3D4451 #333A44 #2A2F37 #20242A #16191E

Complementary Palette

#454D5B #505A6A #5A5244 #695F4F #7E7568 #69717F

Analogous Palette

#485D61 #4E666A #4B5564 #505A6A #514E6A #5D5978

Triadic Palette

#464F5D #505A6A #724657 #835C6B #577246 #4D643E

Split Complementary Palette

#48515F #505A6A #69524F #786361 #66694F #5C5F47

Square Palette

#434C59 #505A6A #6A4E66 #6A5F4E #4F6952 #6B816E

Tetradic Palette

#424A57 #505A6A #633E79 #695F4F #55793E #749161

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505A6A contains 80 red, 90 green, and 106 blue.

Contrast Ratio: 7.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1