#504F72 Color

Color Information

HEX#504F72
RGB80, 79, 114
HSL242° , 18% , 38%
HSV242° , 31% , 45%
CMYK30%, 31%, 0%, 55%

Lighter Shades

#656483 #7A7994 #8F8EA5 #A4A3B6 #B9B9C7 #CECED8

Darker Shades

#464664 #3D3C57 #333349 #2A293B #20202E #161620

Complementary Palette

#454462 #504F72 #616244 #71724F #858668 #696886

Analogous Palette

#4C5867 #52606F #4B4A6B #504F72 #62526F #705D7E

Triadic Palette

#464664 #504F72 #7C4846 #8C5E5C #467C48 #3E6D3F

Split Complementary Palette

#484767 #504F72 #72624F #807261 #60724F #566747

Square Palette

#434260 #504F72 #6F5260 #6E6F52 #4F7262 #6B897B

Tetradic Palette

#42415D #504F72 #843E81 #71724F #3E8442 #619A64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504F72 contains 80 red, 79 green, and 114 blue.

Contrast Ratio: 7.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1