#504189 Color

Color Information

HEX#504189
RGB80, 65, 137
HSL253° , 36% , 40%
HSV253° , 53% , 54%
CMYK42%, 53%, 0%, 46%

Lighter Shades

#655897 #7A6FA5 #8F85B3 #A49CC2 #B9B3D0 #CECADE

Darker Shades

#463979 #3D3168 #332A58 #2A2247 #201A37 #161226

Complementary Palette

#453876 #504189 #6A7838 #7B8B41 #8D9B5C #695C9A

Analogous Palette

#4F586D #565F76 #4B3D81 #504189 #6D5676 #7A6284

Triadic Palette

#463979 #504189 #954B37 #A2614F #37954B #308342

Split Complementary Palette

#483B7B #504189 #8B7641 #978454 #568B41 #4D7D3B

Square Palette

#433773 #504189 #814B5B #75814B #418B76 #5F9E8C

Tetradic Palette

#423570 #504189 #9D2F85 #7B8B41 #2F9D47 #54AF68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504189 contains 80 red, 65 green, and 137 blue.

Contrast Ratio: 8.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1