#506D7C Color

Color Information

HEX#506D7C
RGB80, 109, 124
HSL200° , 22% , 40%
HSV200° , 35% , 49%
CMYK35%, 12%, 0%, 51%

Lighter Shades

#657F8C #7A909B #8FA2AB #A4B3BB #B9C5CB #CED6DA

Darker Shades

#46606D #3D535E #33464F #2A3940 #202C32 #161F23

Complementary Palette

#455E6B #506D7C #6B5245 #7C5F50 #8E7569 #69818E

Analogous Palette

#506D68 #577570 #4B6675 #506D7C #575C75 #626784

Triadic Palette

#46606D #506D7C #874571 #955B82 #718745 #63773D

Split Complementary Palette

#486270 #506D7C #7C5057 #896268 #7C7550 #706948

Square Palette

#435C68 #506D7C #705775 #756157 #577C50 #72916C

Tetradic Palette

#425966 #506D7C #583D8F #7C5F50 #748F3D #8DA360

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D7C contains 80 red, 109 green, and 124 blue.

Contrast Ratio: 5.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1