#505A73 Color

Color Information

HEX	#505A73
RGB	80, 90, 115
HSL	223° , 18% , 38%
HSV	223° , 30% , 45%
CMYK	30%, 22%, 0%, 55%

Lighter Shades

#656E84 #7A8295 #8F95A5 #A4A9B6 #B9BDC7 #CED1D8

Darker Shades

#464F65 #3D4457 #333A4A #2A2F3C #20242E #161920

Complementary Palette

#454D63 #505A73 #625944 #72684F #867D68 #697187

Analogous Palette

#4C6167 #526A6F #4B556C #505A73 #59526F #645D7E

Triadic Palette

#464F65 #505A73 #7C4655 #8C5C69 #557C46 #4B6D3E

Split Complementary Palette

#485168 #505A73 #72574F #806861 #6B724F #606747

Square Palette

#434C61 #505A73 #6F526A #6F6752 #4F7257 #6B8972

Tetradic Palette

#424A5E #505A73 #703E84 #72684F #52843E #719A61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505A73 contains 80 red, 90 green, and 115 blue.

Contrast Ratio: 6.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1