#504EBA Color

Color Information

HEX	#504EBA
RGB	80, 78, 186
HSL	241° , 44% , 52%
HSV	241° , 58% , 73%
CMYK	57%, 58%, 0%, 27%

Lighter Shades

#6563C2 #7A78CB #8F8ED3 #A4A3DB #B9B8E3 #CECDEC

Darker Shades

#4645A4 #3D3B8D #333277 #2A2961 #201F4A #161634

Complementary Palette

#4543A0 #504EBA #9FA044 #B9BA4F #C3C468 #6967C4

Analogous Palette

#627A93 #6784A2 #4B49AF #504EBA #8667A2 #9074AA

Triadic Palette

#4645A4 #504EBA #C74543 #CE5B5A #43C745 #3BAF3D

Split Complementary Palette

#4846A7 #504EBA #BA864F #C19261 #83BA4F #76A747

Square Palette

#43429C #504EBA #AE5B83 #ADAE5B #4FBA86 #6BC599

Tetradic Palette

#424099 #504EBA #D039CE #B9BA4F #39D03B #5DD85E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504EBA contains 80 red, 78 green, and 186 blue.

Contrast Ratio: 6.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1