#505FBE Color

Color Information

HEX	#505FBE
RGB	80, 95, 190
HSL	232° , 46% , 53%
HSV	232° , 58% , 75%
CMYK	58%, 50%, 0%, 25%

Lighter Shades

#6572C6 #7A85CE #8F99D5 #A4ACDD #B9BFE5 #CED2ED

Darker Shades

#4654A7 #3D4890 #333D7A #2A3163 #20264C #161B35

Complementary Palette

#4552A3 #505FBE #A39745 #BEB050 #C7BB69 #6975C7

Analogous Palette

#638497 #688FA6 #4B59B3 #505FBE #7F68A6 #8A75AE

Triadic Palette

#4654A7 #505FBE #CA4456 #D05A6A #56CA44 #4CB23C

Split Complementary Palette

#4856AB #505FBE #BE7850 #C58662 #96BE50 #87AB48

Square Palette

#4350A0 #505FBE #B25C93 #B2A75C #50BE78 #6CC88E

Tetradic Palette

#424E9C #505FBE #BF3AD4 #BEB050 #4FD43A #6FDC5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505FBE contains 80 red, 95 green, and 190 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1