#506A97 Color

Color Information

HEX#506A97
RGB80, 106, 151
HSL218° , 31% , 45%
HSV218° , 47% , 59%
CMYK47%, 30%, 0%, 41%

Lighter Shades

#657CA3 #7A8EB0 #8FA0BC #A4B2C9 #B9C3D5 #CED5E2

Darker Shades

#465D85 #3D5173 #334461 #2A374F #202A3C #161E2A

Complementary Palette

#455B82 #506A97 #816B44 #967C4F #A58E68 #697FA6

Analogous Palette

#597578 #627F84 #4B648E #506A97 #666284 #6F6A90

Triadic Palette

#465D85 #506A97 #A24466 #AD5A78 #66A244 #5A8F3C

Split Complementary Palette

#485F88 #506A97 #96594F #A16A61 #8D964F #7F8747

Square Palette

#43597F #506A97 #8B5B84 #8B795B #4F9659 #6BA774

Tetradic Palette

#42577C #506A97 #823BAB #967C4F #64AB3B #80BA5E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506A97 contains 80 red, 106 green, and 151 blue.

Contrast Ratio: 5.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1