#503A80 Color

Color Information

HEX#503A80
RGB80, 58, 128
HSL259° , 38% , 36%
HSV259° , 55% , 50%
CMYK38%, 55%, 0%, 50%

Lighter Shades

#65528F #7A699E #8F81AE #A499BD #B9B0CC #CEC8DB

Darker Shades

#463371 #3D2C61 #332552 #2A1E43 #201733 #161024

Complementary Palette

#45326E #503A80 #5A6D31 #697F39 #7E9155 #695692

Analogous Palette

#454B63 #4B516C #4B3778 #503A80 #664B6C #725978

Triadic Palette

#463371 #503A80 #884C30 #966149 #30884C #2A7843

Split Complementary Palette

#483473 #503A80 #7F7239 #8C804D #467F39 #3F7233

Square Palette

#43316C #503A80 #76424C #657642 #397F72 #599389

Tetradic Palette

#423069 #503A80 #8F286F #697F39 #288F49 #4FA36A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #503A80 contains 80 red, 58 green, and 128 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1