#506F81 Color

Color Information

HEX#506F81
RGB80, 111, 129
HSL202° , 23% , 41%
HSV202° , 38% , 51%
CMYK38%, 14%, 0%, 49%

Lighter Shades

#658090 #7A929F #8FA3AE #A4B4BD #B9C5CD #CED7DC

Darker Shades

#466272 #3D5462 #334753 #2A3A43 #202C34 #161F24

Complementary Palette

#455F6F #506F81 #6F5446 #816251 #937869 #698393

Analogous Palette

#526F6B #597874 #4B6879 #506F81 #595D78 #646887

Triadic Palette

#466272 #506F81 #8B4671 #995C82 #718B46 #637A3E

Split Complementary Palette

#486474 #506F81 #815157 #8E6268 #817A51 #746E49

Square Palette

#435D6C #506F81 #745978 #786459 #578151 #72956D

Tetradic Palette

#425B6A #506F81 #5C3E93 #816251 #73933E #8CA661

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506F81 contains 80 red, 111 green, and 129 blue.

Contrast Ratio: 5.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1