#504A96 Color

Color Information

HEX	#504A96
RGB	80, 74, 150
HSL	245° , 34% , 44%
HSV	245° , 51% , 59%
CMYK	47%, 51%, 0%, 41%

Lighter Shades

#6560A3 #7A75AF #8F8BBC #A4A1C8 #B9B7D5 #CECCE2

Darker Shades

#464184 #3D3872 #332F60 #2A264E #201E3C #16152A

Complementary Palette

#454081 #504A96 #7C8140 #90964A #A0A563 #6963A5

Analogous Palette

#576475 #5F6D81 #4B468D #504A96 #745F81 #7E688D

Triadic Palette

#464184 #504A96 #A2473F #AD5D56 #3FA247 #378F3E

Split Complementary Palette

#484387 #504A96 #96774A #A1855C #6A964A #5F8743

Square Palette

#433E7E #504A96 #8B556C #878B55 #4A9677 #67A78D

Tetradic Palette

#423D7B #504A96 #AB36A1 #90964A #36AB40 #5ABA62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504A96 contains 80 red, 74 green, and 150 blue.

Contrast Ratio: 7.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.72:1