#9A2F86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta carries high intensity and a strong, dark undertone. Because it commands attention, use #9a2f86 sparingly as an accent rather than a dominant background color. It pairs surprisingly well with muted teals or cool greys for a modern balance. White text reads clearly against this shade, making it a functional choice for high-contrast buttons or UI call-to-actions.
Questions about #9a2f86
What is #9a2f86 in RGB, HSL and CMYK?
In RGB, #9a2f86 is rgb(154, 47, 134), in HSL hsl(311, 53%, 39%) and in CMYK 0%, 69%, 13%, 40%.
How should I use #9a2f86 in a digital interface?
Since #9a2f86 is highly saturated and commands immediate attention, it is best reserved for functional UI elements like call-to-action buttons or status indicators. Avoid using it for large background surfaces, as its intensity can cause eye fatigue during extended viewing.
What colors pair well with #9a2f86 for a balanced palette?
To create a modern, professional balance, pair #9a2f86 with muted teals or neutral cool greys. These cooler, desaturated tones effectively anchor the magenta's intensity, preventing it from overwhelming the design while maintaining a clean, high-contrast visual hierarchy.
Is #9a2f86 readable on white or black?
#9a2f86 has a 6.72:1 contrast ratio on white and 3.12: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.