#505C71 Color

Color Information

HEX#505C71
RGB80, 92, 113
HSL218° , 17% , 38%
HSV218° , 29% , 44%
CMYK29%, 19%, 0%, 56%

Lighter Shades

#657082 #7A8393 #8F97A4 #A4AAB5 #B9BEC6 #CED1D7

Darker Shades

#465163 #3D4656 #333B48 #2A303B #20252D #161A20

Complementary Palette

#454F61 #505C71 #615745 #716550 #857B69 #697385

Analogous Palette

#4C6367 #526C6F #4B566A #505C71 #57526F #635D7E

Triadic Palette

#465163 #505C71 #7B475C #8B5D70 #5C7B47 #516C3E

Split Complementary Palette

#485366 #505C71 #715550 #7F6662 #6D7150 #626648

Square Palette

#434D5F #505C71 #6F526C #6F6552 #507155 #6C8870

Tetradic Palette

#424B5D #505C71 #6A3F83 #716550 #5A833F #789962

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505C71 contains 80 red, 92 green, and 113 blue.

Contrast Ratio: 6.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.09:1