#506D68 Color

Color Information

HEX#506D68
RGB80, 109, 104
HSL170° , 15% , 37%
HSV170° , 27% , 43%
CMYK27%, 0%, 5%, 57%

Lighter Shades

#657F7A #7A908C #8FA29E #A4B3B0 #B9C5C3 #CED6D5

Darker Shades

#46605C #3D534F #334643 #2A3936 #202C2A #161F1D

Complementary Palette

#455E59 #506D68 #5E4549 #6D5055 #81696D #69817D

Analogous Palette

#4A6453 #506D5A #4B6662 #506D68 #50636D #5B6F7B

Triadic Palette

#46605C #506D68 #6E4776 #7F5D86 #766E47 #68613E

Split Complementary Palette

#48625E #506D68 #6D5063 #7C6273 #6D5A50 #625148

Square Palette

#435C57 #506D68 #5A506D #6D5055 #636D50 #7C846C

Tetradic Palette

#425955 #506D68 #3F4A7D #6D5055 #7D733F #948C62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D68 contains 80 red, 109 green, and 104 blue.

Contrast Ratio: 5.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1