#504CC2 Color

Color Information

HEX	#504CC2
RGB	80, 76, 194
HSL	242° , 49% , 53%
HSV	242° , 61% , 76%
CMYK	59%, 61%, 0%, 24%

Lighter Shades

#6561C9 #7A77D1 #8F8CD8 #A4A2DF #B9B7E7 #CECDEE

Darker Shades

#4643AB #3D3A93 #33317C #2A2865 #201E4E #161536

Complementary Palette

#4541A7 #504CC2 #A3A741 #BEC24C #C7CB65 #6965CB

Analogous Palette

#5F7B9B #6485AA #4B47B6 #504CC2 #8964AA #9372B1

Triadic Palette

#4643AB #504CC2 #CE4540 #D45B57 #40CE45 #38B53D

Split Complementary Palette

#4844AF #504CC2 #C28B4C #C8975E #83C24C #76AF44

Square Palette

#4340A3 #504CC2 #B65884 #B3B658 #4CC28B #69CC9E

Tetradic Palette

#423E9F #504CC2 #D737D2 #BEC24C #37D73C #5BDE5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504CC2 contains 80 red, 76 green, and 194 blue.

Contrast Ratio: 6.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.12:1