#506E85 Color

Color Information

HEX	#506E85
RGB	80, 110, 133
HSL	206° , 25% , 42%
HSV	206° , 40% , 52%
CMYK	40%, 17%, 0%, 48%

Lighter Shades

#657F94 #7A91A2 #8FA2B1 #A4B4C0 #B9C5CE #CED6DD

Darker Shades

#466175 #3D5465 #334655 #2A3945 #202C35 #161F25

Complementary Palette

#455F72 #506E85 #735945 #866850 #977D69 #698296

Analogous Palette

#557270 #5B7B79 #4B677D #506E85 #5B5D7B #66698A

Triadic Palette

#466175 #506E85 #914670 #9E5C81 #709146 #63803E

Split Complementary Palette

#486378 #506E85 #865054 #926265 #868250 #797548

Square Palette

#435C70 #506E85 #795B7B #7B695B #548650 #6F996C

Tetradic Palette

#425A6D #506E85 #663D99 #866850 #71993D #8BAB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506E85 contains 80 red, 110 green, and 133 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1