#502D67 Color

Color Information

HEX#502D67
RGB80, 45, 103
HSL276° , 39% , 29%
HSV276° , 56% , 40%
CMYK22%, 56%, 0%, 60%

Lighter Shades

#654679 #7A5F8B #8F799E #A492B0 #B9ABC2 #CEC4D4

Darker Shades

#46285B #3D224E #331D42 #2A1736 #201229 #160D1D

Complementary Palette

#452759 #502D67 #3A5927 #44672D #5E7C4A #694A7C

Analogous Palette

#3A3753 #3F3C58 #4B2A61 #502D67 #583C55 #674C64

Triadic Palette

#46285B #502D67 #6E5126 #7F6640 #266E51 #216147

Split Complementary Palette

#48295D #502D67 #61672D #717642 #2D6733 #295D2E

Square Palette

#432657 #502D67 #5F3935 #465F35 #2D6167 #4F7A7F

Tetradic Palette

#422554 #502D67 #742042 #44672D #207452 #488D71

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502D67 contains 80 red, 45 green, and 103 blue.

Contrast Ratio: 11.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.84:1