#502F76 Color

Color Information

HEX#502F76
RGB80, 47, 118
HSL268° , 43% , 32%
HSV268° , 60% , 46%
CMYK32%, 60%, 0%, 54%

Lighter Shades

#654886 #7A6197 #8F7AA7 #A493B8 #B9ACC8 #CEC5D9

Darker Shades

#462968 #3D245A #331E4C #2A183D #20132F #160D21

Complementary Palette

#452865 #502F76 #486528 #54752F #6C884C #694C89

Analogous Palette

#3B3C5E #3F4064 #4B2C6F #502F76 #623F64 #6E526F

Triadic Palette

#462968 #502F76 #7D4D26 #8D6240 #267D4D #216E44

Split Complementary Palette

#482A6A #502F76 #75722F #838044 #31752F #2C692A

Square Palette

#432763 #502F76 #6D3738 #536D37 #2F7572 #508B89

Tetradic Palette

#422761 #502F76 #832055 #54752F #20834D #48996D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502F76 contains 80 red, 47 green, and 118 blue.

Contrast Ratio: 10.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.94:1