#506856 Color

Color Information

HEX#506856
RGB80, 104, 86
HSL135° , 13% , 36%
HSV135° , 23% , 41%
CMYK23%, 0%, 17%, 59%

Lighter Shades

#657A6A #7A8C7F #8F9E93 #A4B0A7 #B9C3BB #CED5D0

Darker Shades

#465C4C #3D4F41 #334337 #2A362D #202A22 #161D18

Complementary Palette

#45594A #506856 #594554 #685062 #7D6978 #697D6E

Analogous Palette

#4D6148 #556A4E #4B6251 #506856 #4E6A63 #597871

Triadic Palette

#465C4C #506856 #514771 #665D82 #715147 #63473E

Split Complementary Palette

#485E4D #506856 #625068 #726277 #685056 #5E484D

Square Palette

#435748 #506856 #4E556A #6A4E63 #686250 #807B6C

Tetradic Palette

#425547 #506856 #3F6A78 #685062 #784E3F #906E62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506856 contains 80 red, 104 green, and 86 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1