#506F6B Color

Color Information

HEX#506F6B
RGB80, 111, 107
HSL172° , 16% , 37%
HSV172° , 28% , 44%
CMYK28%, 0%, 4%, 56%

Lighter Shades

#65807D #7A928F #8FA3A0 #A4B4B2 #B9C5C4 #CED7D6

Darker Shades

#46625E #3D5451 #334744 #2A3A38 #202C2B #161F1E

Complementary Palette

#455F5C #506F6B #5E4447 #6D4F53 #81686B #698380

Analogous Palette

#4A6453 #506D5B #4B6865 #506F6B #50626D #5B707B

Triadic Palette

#46625E #506F6B #704677 #815C87 #777046 #69633E

Split Complementary Palette

#486460 #506F6B #6D4F62 #7C6172 #6D5A4F #625147

Square Palette

#435D5A #506F6B #5B506D #6D5054 #626D4F #7B846B

Tetradic Palette

#425B58 #506F6B #3E477E #6D4F53 #7E763E #958F61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506F6B contains 80 red, 111 green, and 107 blue.

Contrast Ratio: 5.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.84:1