#506157 Color

Color Information

HEX	#506157
RGB	80, 97, 87
HSL	145° , 10% , 35%
HSV	145° , 18% , 38%
CMYK	18%, 0%, 10%, 62%

Lighter Shades

#65746B #7A877F #8F9A93 #A4ADA8 #B9C0BC #CED3D0

Darker Shades

#46554D #3D4A42 #333E38 #2A322D #202723 #161B18

Complementary Palette

#45534B #506157 #54454E #62505B #786972 #69776F

Analogous Palette

#475E45 #4F674C #4B5B52 #506157 #4C6765 #577573

Triadic Palette

#46554D #506157 #57476B #6B5D7D #6B5747 #5E4D3E

Split Complementary Palette

#48574E #506157 #615062 #716272 #625052 #58484A

Square Palette

#435149 #506157 #4C4F67 #674C5C #626150 #7B7A6C

Tetradic Palette

#425047 #506157 #405F72 #62505B #725740 #8B7562

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506157 contains 80 red, 97 green, and 87 blue.

Contrast Ratio: 6.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.17:1