#502E8A Color

Color Information

HEX#502E8A
RGB80, 46, 138
HSL262° , 50% , 36%
HSV262° , 67% , 54%
CMYK42%, 67%, 0%, 46%

Lighter Shades

#654798 #7A60A6 #8F79B4 #A492C2 #B9ABD0 #CEC4DE

Darker Shades

#462879 #3D2369 #331D58 #2A1848 #201237 #160D27

Complementary Palette

#452877 #502E8A #597728 #688A2E #7D9A4B #694B9A

Analogous Palette

#3B426D #404877 #4B2B82 #502E8A #704077 #77547D

Triadic Palette

#462879 #502E8A #934D25 #A0623F #25934D #218144

Split Complementary Palette

#48297C #502E8A #8A7D2E #968A43 #3A8A2E #347C29

Square Palette

#432774 #502E8A #813741 #668137 #2E8A7D #4F9D92

Tetradic Palette

#422671 #502E8A #9A1D6C #688A2E #1D9A4B #46AC6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502E8A contains 80 red, 46 green, and 138 blue.

Contrast Ratio: 10.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1