#523877 Color

Color Information

HEX#523877
RGB82, 56, 119
HSL265° , 36% , 34%
HSV265° , 53% , 47%
CMYK31%, 53%, 0%, 53%

Lighter Shades

#675087 #7C6898 #9080A8 #A598B8 #BAAFC9 #CFC7D9

Darker Shades

#483169 #3E2B5A #34244C #2B1D3E #211630 #171021

Complementary Palette

#473066 #523877 #4F652F #5C7637 #738953 #6A548A

Analogous Palette

#42455C #494C65 #4D3570 #523877 #624965 #705572

Triadic Palette

#483169 #523877 #7F502F #8E6548 #2F7F50 #297046

Split Complementary Palette

#4A326B #523877 #767137 #847F4B #3D7637 #376A32

Square Palette

#452F64 #523877 #6D4045 #5A6D40 #377671 #578C88

Tetradic Palette

#432E62 #523877 #86285F #5C7637 #28864F #4F9C6F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #523877 contains 82 red, 56 green, and 119 blue.

Contrast Ratio: 9.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1