#504BC2 Color

Color Information

HEX	#504BC2
RGB	80, 75, 194
HSL	243° , 49% , 53%
HSV	243° , 61% , 76%
CMYK	59%, 61%, 0%, 24%

Lighter Shades

#6561C9 #7A76D1 #8F8CD8 #A4A1DF #B9B7E7 #CECDEE

Darker Shades

#4642AB #3D3993 #33307C #2A2765 #201E4E #161536

Complementary Palette

#4541A7 #504BC2 #A2A741 #BCC24C #C5CB65 #6964CB

Analogous Palette

#5F7A9B #6484AA #4B47B6 #504BC2 #8B64AA #9572B1

Triadic Palette

#4642AB #504BC2 #CE4840 #D45E57 #40CE48 #38B53F

Split Complementary Palette

#4844AF #504BC2 #C28D4C #C8985E #81C24C #74AF44

Square Palette

#433FA3 #504BC2 #B65882 #B1B658 #4CC28D #69CC9F

Tetradic Palette

#423E9F #504BC2 #D737CF #BCC24C #37D73F #5BDE62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504BC2 contains 80 red, 75 green, and 194 blue.

Contrast Ratio: 6.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.09:1