#506989 Color

Color Information

HEX#506989
RGB80, 105, 137
HSL214° , 26% , 43%
HSV214° , 42% , 54%
CMYK42%, 23%, 0%, 46%

Lighter Shades

#657B97 #7A8DA5 #8F9FB3 #A4B1C2 #B9C3D0 #CED5DE

Darker Shades

#465C79 #3D5068 #334358 #2A3747 #202A37 #161D26

Complementary Palette

#455A76 #506989 #776146 #8A7151 #9A8569 #697E9A

Analogous Palette

#577375 #5D7C7E #4B6381 #506989 #5F5D7E #69668A

Triadic Palette

#465C79 #506989 #954668 #A25C7A #689546 #5C833E

Split Complementary Palette

#485F7B #506989 #8A5551 #966662 #868A51 #797C49

Square Palette

#435873 #506989 #7F5C7D #7F705C #518A55 #6D9D70

Tetradic Palette

#425670 #506989 #743D9E #8A7151 #679E3D #82AF60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506989 contains 80 red, 105 green, and 137 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1