#505456 Color

Color Information

HEX#505456
RGB80, 84, 86
HSL200° , 4% , 33%
HSV200° , 7% , 34%
CMYK7%, 2%, 0%, 66%

Lighter Shades

#65696A #7A7D7F #8F9293 #A4A6A7 #B9BBBB #CECFD0

Darker Shades

#464A4C #3D4041 #333637 #2A2C2D #202222 #161818

Complementary Palette

#45484A #505456 #4C4746 #585351 #6F6B69 #696C6E

Analogous Palette

#435B53 #48615A #4B4F51 #505456 #484B61 #52576F

Triadic Palette

#464A4C #505456 #614856 #745E6A #566148 #4C553F

Split Complementary Palette

#484C4D #505456 #585152 #696263 #585651 #4F4D49

Square Palette

#434748 #505456 #5A4861 #614F48 #525851 #6E736D

Tetradic Palette

#424547 #505456 #4C4267 #585351 #576742 #758264

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505456 contains 80 red, 84 green, and 86 blue.

Contrast Ratio: 7.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1