#506886 Color

Color Information

HEX#506886
RGB80, 104, 134
HSL213° , 25% , 42%
HSV213° , 40% , 53%
CMYK40%, 22%, 0%, 47%

Lighter Shades

#657A95 #7A8CA3 #8F9EB2 #A4B0C0 #B9C3CF #CED5DD

Darker Shades

#465C76 #3D4F66 #334356 #2A3646 #202A36 #161D26

Complementary Palette

#455973 #506886 #735F45 #866E50 #978269 #697D97

Analogous Palette

#557172 #5B7A7B #4B627E #506886 #5D5B7B #68668A

Triadic Palette

#465C76 #506886 #914667 #9E5C79 #679146 #5B803E

Split Complementary Palette

#485E79 #506886 #865350 #926462 #838650 #767948

Square Palette

#435771 #506886 #7B5B7A #7B6D5B #508653 #6C996F

Tetradic Palette

#42556E #506886 #703D99 #866E50 #66993D #82AB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506886 contains 80 red, 104 green, and 134 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1