#506898 Color

Color Information

HEX#506898
RGB80, 104, 152
HSL220° , 31% , 45%
HSV220° , 47% , 60%
CMYK47%, 32%, 0%, 40%

Lighter Shades

#657AA4 #7A8CB1 #8F9EBD #A4B0C9 #B9C3D6 #CED5E2

Darker Shades

#465C86 #3D4F74 #334361 #2A364F #202A3D #161D2B

Complementary Palette

#455983 #506898 #816D44 #967F4F #A59168 #697DA6

Analogous Palette

#597378 #627E84 #4B628F #506898 #676284 #706A90

Triadic Palette

#465C86 #506898 #A24463 #AD5A76 #63A244 #578F3C

Split Complementary Palette

#485E89 #506898 #965B4F #A16B61 #8A964F #7C8747

Square Palette

#435780 #506898 #8B5B83 #8B7C5B #4F965B #6BA775

Tetradic Palette

#42557D #506898 #873BAB #967F4F #60AB3B #7DBA5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506898 contains 80 red, 104 green, and 152 blue.

Contrast Ratio: 5.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1