#506D2F Color

Color Information

HEX#506D2F
RGB80, 109, 47
HSL88° , 40% , 31%
HSV88° , 57% , 43%
CMYK27%, 0%, 57%, 57%

Lighter Shades

#657F48 #7A9061 #8FA27A #A4B393 #B9C5AC #CED6C5

Darker Shades

#466029 #3D5324 #33461E #2A3918 #202C13 #161F0D

Complementary Palette

#455E28 #506D2F #42285F #4D2F6F #664C83 #69814C

Analogous Palette

#565538 #605F3E #4B662C #506D2F #40603E #516D50

Triadic Palette

#466029 #506D2F #275277 #416787 #772752 #692248

Split Complementary Palette

#48622A #506D2F #2F326F #44477D #6D2F6F #622A64

Square Palette

#435C27 #506D2F #376866 #4D3768 #6F2F32 #865053

Tetradic Palette

#425927 #506D2F #207E4C #4D2F6F #7E2052 #954871

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D2F contains 80 red, 109 green, and 47 blue.

Contrast Ratio: 5.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1