#502761 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, unsaturated purple carries a moody and serious weight. The hex code #502761 works best as a primary background, where it easily accommodates high contrast white text at an 11.6:1 ratio. Avoid using it for fine UI elements, as its dark intensity can cause it to lose definition. Try pairing it with soft creams or warm metallic gold to balance its cool, gloomy undertones.
Questions about #502761
What is #502761 in RGB, HSL and CMYK?
In RGB, #502761 is rgb(80, 39, 97), in HSL hsl(282, 43%, 27%) and in CMYK 18%, 60%, 0%, 62%. Browse more shades of purple with names and hex codes.
How should I use #502761 in a design interface?
#502761 is best utilized as a primary background color rather than for fine UI elements like icons or thin text. Its dark intensity creates a serious, moody atmosphere that excels when paired with high-contrast white or soft cream typography.
Which color palettes complement #502761?
Pair #502761 with warm metallic gold or soft creams to balance its cool, gloomy undertones. Using neutral, lighter tones prevents the deep saturation of this purple from overwhelming your design while maintaining a sophisticated, high-contrast visual hierarchy.
Is #502761 readable on white or black?
#502761 has a 11.64:1 contrast ratio on white and 1.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.