#506AB9 Color

Color Information

HEX#506AB9
RGB80, 106, 185
HSL225° , 43% , 52%
HSV225° , 57% , 73%
CMYK57%, 43%, 0%, 27%

Lighter Shades

#657CC1 #7A8ECA #8FA0D2 #A4B2DB #B9C3E3 #CED5EB

Darker Shades

#465DA3 #3D518D #334476 #2A3760 #202A4A #161E34

Complementary Palette

#455B9F #506AB9 #9F8945 #B99F50 #C3AC69 #697FC3

Analogous Palette

#638692 #6893A1 #4B64AE #506AB9 #7768A1 #8275A9

Triadic Palette

#465DA3 #506AB9 #C54464 #CC5A77 #64C544 #58AD3C

Split Complementary Palette

#485FA7 #506AB9 #B96A50 #C07962 #9FB950 #8FA748

Square Palette

#43599B #506AB9 #AD5C99 #AD995C #50B96A #6CC482

Tetradic Palette

#425798 #506AB9 #AA3ACF #B99F50 #5FCF3A #7CD85D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506AB9 contains 80 red, 106 green, and 185 blue.

Contrast Ratio: 5.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.12:1