#506A91 Color

Color Information

HEX#506A91
RGB80, 106, 145
HSL216° , 29% , 44%
HSV216° , 45% , 57%
CMYK45%, 27%, 0%, 43%

Lighter Shades

#657C9E #7A8EAB #8FA0B9 #A4B2C6 #B9C3D3 #CED5E0

Darker Shades

#465D80 #3D516E #33445D #2A374B #202A3A #161E29

Complementary Palette

#455B7D #506A91 #7D6645 #917750 #A08A69 #697FA0

Analogous Palette

#597578 #5F7E81 #4B6488 #506A91 #635F81 #6E6A90

Triadic Palette

#465D80 #506A91 #9C4467 #A85A79 #679C44 #5B893C

Split Complementary Palette

#485F83 #506A91 #915650 #9C6762 #8A9150 #7C8348

Square Palette

#43597A #506A91 #865B81 #86745B #509156 #6CA371

Tetradic Palette

#425777 #506A91 #7B3BA5 #917750 #66A53B #82B55E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506A91 contains 80 red, 106 green, and 145 blue.

Contrast Ratio: 5.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1