#506450 Color

Color Information

HEX#506450
RGB80, 100, 80
HSL120° , 11% , 35%
HSV120° , 20% , 39%
CMYK20%, 0%, 20%, 61%

Lighter Shades

#657765 #7A897A #8F9C8F #A4AEA4 #B9C1B9 #CED4CE

Darker Shades

#465846 #3D4C3D #334033 #2A342A #202820 #161C16

Complementary Palette

#455645 #506450 #554455 #634F63 #796879 #697A69

Analogous Palette

#525E45 #59674C #4B5E4B #506450 #4C6759 #577566

Triadic Palette

#465846 #506450 #47476C #5D5D7E #6C4747 #5F3E3E

Split Complementary Palette

#485A48 #506450 #594F63 #6A6173 #634F59 #594750

Square Palette

#435443 #506450 #4C5967 #674C67 #63594F #7C746B

Tetradic Palette

#425242 #506450 #3F7373 #634F63 #733F3F #8C6262

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506450 contains 80 red, 100 green, and 80 blue.

Contrast Ratio: 6.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1