#505BC9 Color

Color Information

HEX	#505BC9
RGB	80, 91, 201
HSL	235° , 53% , 55%
HSV	235° , 60% , 79%
CMYK	60%, 55%, 0%, 21%

Lighter Shades

#656FCF #7A82D6 #8F96DC #A4AAE3 #B9BDE9 #CED1F0

Darker Shades

#4650B1 #3D4599 #333A81 #2A2F69 #202450 #161938

Complementary Palette

#454EAD #505BC9 #ADA444 #C9BF4F #D1C868 #6972D1

Analogous Palette

#6487A0 #6693B2 #4B56BD #505BC9 #8666B2 #8E71B7

Triadic Palette

#4650B1 #505BC9 #D54450 #DA5A65 #50D544 #46BB3C

Split Complementary Palette

#4852B5 #505BC9 #C9824F #CE8F61 #96C94F #87B547

Square Palette

#434CA9 #505BC9 #BE5B94 #BEB55B #4FC982 #6BD296

Tetradic Palette

#424BA5 #505BC9 #D03BDE #C9BF4F #48DE3B #69E45E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505BC9 contains 80 red, 91 green, and 201 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1