#504DA2 Color

Color Information

HEX	#504DA2
RGB	80, 77, 162
HSL	242° , 36% , 47%
HSV	242° , 52% , 64%
CMYK	51%, 52%, 0%, 36%

Lighter Shades

#6562AD #7A78B8 #8F8DC3 #A4A2CF #B9B8DA #CECDE5

Darker Shades

#46448F #3D3B7B #333168 #2A2854 #201F41 #16162D

Complementary Palette

#45428B #504DA2 #8A8C42 #A0A34D #ADB066 #6966AF

Analogous Palette

#5C6C7F #65778B #4B4898 #504DA2 #79658B #846F95

Triadic Palette

#46448F #504DA2 #AF4441 #B95A58 #41AF44 #399A3C

Split Complementary Palette

#484592 #504DA2 #A37B4D #AC885F #75A34D #699345

Square Palette

#434188 #504DA2 #975976 #959759 #4DA37B #69B290

Tetradic Palette

#423F85 #504DA2 #B937B4 #A0A34D #37B93B #5BC65E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504DA2 contains 80 red, 77 green, and 162 blue.

Contrast Ratio: 7.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1