#502E96 Color

Color Information

HEX#502E96
RGB80, 46, 150
HSL260° , 53% , 38%
HSV260° , 69% , 59%
CMYK47%, 69%, 0%, 41%

Lighter Shades

#6547A3 #7A60AF #8F79BC #A492C8 #B9ABD5 #CEC4E2

Darker Shades

#462884 #3D2372 #331D60 #2A184E #20123C #160D2A

Complementary Palette

#452881 #502E96 #627F28 #72942E #86A34B #694BA5

Analogous Palette

#3C4677 #414C81 #4B2B8D #502E96 #764181 #7E5487

Triadic Palette

#462884 #502E96 #9E4D24 #AA623E #249E4D #208B44

Split Complementary Palette

#482987 #502E96 #94832E #9F8F43 #3F942E #398529

Square Palette

#43277E #502E96 #8B3745 #6F8B37 #2E9483 #4FA597

Tetradic Palette

#42267B #502E96 #A61C78 #72942E #1CA64A #45B66B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502E96 contains 80 red, 46 green, and 150 blue.

Contrast Ratio: 9.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.11:1