#505574 Color

Color Information

HEX#505574
RGB80, 85, 116
HSL232° , 18% , 38%
HSV232° , 31% , 45%
CMYK31%, 27%, 0%, 55%

Lighter Shades

#656985 #7A7E95 #8F92A6 #A4A7B7 #B9BBC7 #CECFD8

Darker Shades

#464B66 #3D4158 #33364A #2A2C3C #20222E #161820

Complementary Palette

#454964 #505574 #625F44 #726E4F #868268 #696D87

Analogous Palette

#4C5D67 #52656F #4B506D #505574 #5D526F #6A5D7E

Triadic Palette

#464B66 #505574 #7C464E #8C5C63 #4E7C46 #456D3E

Split Complementary Palette

#484D68 #505574 #725C4F #806C61 #66724F #5C6747

Square Palette

#434761 #505574 #6F5265 #6F6C52 #4F725C #6B8976

Tetradic Palette

#42465F #505574 #7C3E84 #726E4F #48843E #699A61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505574 contains 80 red, 85 green, and 116 blue.

Contrast Ratio: 7.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.86:1