#506CB9 Color

Color Information

HEX	#506CB9
RGB	80, 108, 185
HSL	224° , 43% , 52%
HSV	224° , 57% , 73%
CMYK	57%, 42%, 0%, 27%

Lighter Shades

#657EC1 #7A8FCA #8FA1D2 #A4B3DB #B9C4E3 #CED6EB

Darker Shades

#465FA3 #3D528D #334576 #2A3860 #202B4A #161E34

Complementary Palette

#455D9F #506CB9 #9F8745 #B99D50 #C3AB69 #6981C3

Analogous Palette

#638792 #6894A1 #4B66AE #506CB9 #7668A1 #8175A9

Triadic Palette

#465FA3 #506CB9 #C54466 #CC5A78 #66C544 #5AAD3C

Split Complementary Palette

#4861A7 #506CB9 #B96950 #C07862 #A1B950 #91A748

Square Palette

#435B9B #506CB9 #AD5C9A #AD975C #50B969 #6CC481

Tetradic Palette

#425998 #506CB9 #A73ACF #B99D50 #62CF3A #7ED85D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506CB9 contains 80 red, 108 green, and 185 blue.

Contrast Ratio: 4.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.21:1