#504E50 Color

Color Information

HEX#504E50
RGB80, 78, 80
HSL300° , 1% , 31%
HSV300° , 2% , 31%
CMYK0%, 2%, 0%, 69%

Lighter Shades

#656365 #7A787A #8F8E8F #A4A3A4 #B9B8B9 #CECDCE

Darker Shades

#464546 #3D3B3D #333233 #2A292A #201F20 #161616

Complementary Palette

#454345 #504E50 #434543 #4E504E #676967 #696769

Analogous Palette

#4A3F55 #4F435B #4B494B #504E50 #5B434F #6A4E5C

Triadic Palette

#464546 #504E50 #5B5B43 #6F6F5A #435B5B #3B5050

Split Complementary Palette

#484648 #504E50 #4F504E #616260 #4E504F #464847

Square Palette

#434243 #504E50 #5B4F43 #435B43 #4E4F50 #6A6B6C

Tetradic Palette

#424042 #504E50 #5E4040 #4E504E #405E5E #627B7B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504E50 contains 80 red, 78 green, and 80 blue.

Contrast Ratio: 8.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1