#506B5A Color

Color Information

HEX	#506B5A
RGB	80, 107, 90
HSL	142° , 14% , 37%
HSV	142° , 25% , 42%
CMYK	25%, 0%, 16%, 58%

Lighter Shades

#657D6E #7A8F82 #8FA095 #A4B2A9 #B9C4BD #CED6D1

Darker Shades

#465E4F #3D5144 #33443A #2A382F #202B24 #161E19

Complementary Palette

#455C4D #506B5A #5D4654 #6C5162 #816978 #698071

Analogous Palette

#4D644A #546D50 #4B6555 #506B5A #506D68 #5B7B76

Triadic Palette

#465E4F #506B5A #584875 #6C5E86 #755848 #674D3F

Split Complementary Palette

#486051 #506B5A #68516C #77627B #6C5155 #61494D

Square Palette

#435A4C #506B5A #50546D #6D5062 #6C6851 #84806D

Tetradic Palette

#42584A #506B5A #40667D #6C5162 #7D5640 #947462

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506B5A contains 80 red, 107 green, and 90 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.59:1