#502A69 Color

Color Information

HEX#502A69
RGB80, 42, 105
HSL276° , 43% , 29%
HSV276° , 60% , 41%
CMYK24%, 60%, 0%, 59%

Lighter Shades

#65447B #7A5D8D #8F779F #A490B1 #B9AAC3 #CEC3D5

Darker Shades

#46255C #3D2050 #331B43 #2A1637 #20112A #160C1D

Complementary Palette

#45245A #502A69 #3A5B24 #446A2A #5E7F48 #69487E

Analogous Palette

#383555 #3D395B #4B2763 #502A69 #5B3957 #674C64

Triadic Palette

#46255C #502A69 #715223 #82673D #237152 #1F6348

Split Complementary Palette

#48265F #502A69 #636A2A #73793F #2A6A31 #265F2C

Square Palette

#432358 #502A69 #623732 #456232 #2A636A #4C7C82

Tetradic Palette

#422256 #502A69 #771D41 #446A2A #1D7753 #468F72

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502A69 contains 80 red, 42 green, and 105 blue.

Contrast Ratio: 11.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.81:1