#505BA2 Color

Color Information

HEX#505BA2
RGB80, 91, 162
HSL232° , 34% , 47%
HSV232° , 51% , 64%
CMYK51%, 44%, 0%, 36%

Lighter Shades

#656FAD #7A82B8 #8F96C3 #A4AACF #B9BDDA #CED1E5

Darker Shades

#46508F #3D457B #333A68 #2A2F54 #202441 #16192D

Complementary Palette

#454E8B #505BA2 #8A8144 #A1964F #AEA568 #6972AF

Analogous Palette

#5D727E #667D8A #4B5698 #505BA2 #73668A #7D6F95

Triadic Palette

#46508F #505BA2 #AD4351 #B75A66 #51AD43 #47983B

Split Complementary Palette

#485292 #505BA2 #A16D4F #AA7C61 #83A14F #769147

Square Palette

#434C88 #505BA2 #955B80 #958D5B #4FA16D #6BB084

Tetradic Palette

#424B85 #505BA2 #A63AB6 #A1964F #4AB63A #6BC35D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505BA2 contains 80 red, 91 green, and 162 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1