#504BC8 Color

Color Information

HEX	#504BC8
RGB	80, 75, 200
HSL	242° , 53% , 54%
HSV	242° , 63% , 78%
CMYK	60%, 63%, 0%, 22%

Lighter Shades

#6561CF #7A76D5 #8F8CDC #A4A1E2 #B9B7E9 #CECDF0

Darker Shades

#4642B0 #3D3998 #333080 #2A2768 #201E50 #161538

Complementary Palette

#4541AC #504BC8 #A9AC41 #C4C84C #CCD065 #6964D0

Analogous Palette

#607D9F #6387B0 #4B47BC #504BC8 #8C63B0 #9671B7

Triadic Palette

#4642B0 #504BC8 #D44540 #D95B57 #40D445 #38BB3D

Split Complementary Palette

#4844B4 #504BC8 #C88E4C #CE995E #86C84C #79B444

Square Palette

#433FA8 #504BC8 #BC5786 #B9BC57 #4CC88E #69D1A0

Tetradic Palette

#423EA4 #504BC8 #DD36D7 #C4C84C #36DD3C #5AE35F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504BC8 contains 80 red, 75 green, and 200 blue.

Contrast Ratio: 6.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.15:1