#523686 Color

Color Information

HEX#523686
RGB82, 54, 134
HSL261° , 43% , 37%
HSV261° , 60% , 53%
CMYK39%, 60%, 0%, 47%

Lighter Shades

#674E95 #7C66A3 #907EB2 #A596C0 #BAAFCF #CFC7DD

Darker Shades

#483076 #3E2966 #342356 #2B1C46 #211636 #170F26

Complementary Palette

#472E73 #523686 #5C742E #6B8736 #809852 #6A5297

Analogous Palette

#43496B #494F74 #4D337E #523686 #6E4974 #765B7B

Triadic Palette

#483076 #523686 #904F2C #9D6445 #2C904F #277F46

Split Complementary Palette

#4A3179 #523686 #877B36 #93884A #428736 #3B7A31

Square Palette

#452D71 #523686 #7D3F49 #687D3F #36877B #569A90

Tetradic Palette

#432C6E #523686 #982570 #6B8736 #25984D #4CAB6D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #523686 contains 82 red, 54 green, and 134 blue.

Contrast Ratio: 9.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1