#50686F Color

Color Information

HEX#50686F
RGB80, 104, 111
HSL194° , 16% , 37%
HSV194° , 28% , 44%
CMYK28%, 6%, 0%, 56%

Lighter Shades

#657A80 #7A8C92 #8F9EA3 #A4B0B4 #B9C3C5 #CED5D7

Darker Shades

#465C62 #3D4F54 #334347 #2A363A #202A2C #161D1F

Complementary Palette

#45595F #50686F #5E4A44 #6D564F #816E68 #697D83

Analogous Palette

#4A645D #506D65 #4B6268 #50686F #50586D #5B637B

Triadic Palette

#465C62 #50686F #77466B #875C7D #6B7746 #5E693E

Split Complementary Palette

#485E64 #50686F #6D4F57 #7C6168 #6D654F #625B47

Square Palette

#43575D #50686F #65506D #6D5750 #576D4F #72846B

Tetradic Palette

#42555B #50686F #4D3E7E #6D564F #6F7E3E #899561

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #50686F contains 80 red, 104 green, and 111 blue.

Contrast Ratio: 5.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.55:1