#506B7B Color

Color Information

HEX	#506B7B
RGB	80, 107, 123
HSL	202° , 21% , 40%
HSV	202° , 35% , 48%
CMYK	35%, 13%, 0%, 52%

Lighter Shades

#657D8B #7A8F9B #8FA0AB #A4B2BA #B9C4CA #CED6DA

Darker Shades

#465E6C #3D515D #33444F #2A3840 #202B31 #161E22

Complementary Palette

#455C6A #506B7B #6A5346 #7B6051 #8D7669 #69808D

Analogous Palette

#506D6A #577572 #4B6574 #506B7B #575A75 #626684

Triadic Palette

#465E6C #506B7B #86466F #955C80 #6F8646 #62763E

Split Complementary Palette

#48606F #506B7B #7B5156 #886267 #7B7651 #6F6A49

Square Palette

#435A67 #506B7B #725775 #756157 #567B51 #71906D

Tetradic Palette

#425865 #506B7B #5A3E8E #7B6051 #728E3E #8BA261

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506B7B contains 80 red, 107 green, and 123 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