#870EA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#870ea5 is a saturated, intense violet that demands attention. Because it is so loud, this hex code works best as a punchy 10% accent rather than a dominant background color. It pairs surprisingly well with sharp, acidic greens or soft creams to balance its inherent depth. White text offers the best readability against it, as it creates a high 8.0:1 contrast ratio.
Questions about #870ea5
What is #870ea5 in RGB, HSL and CMYK?
In RGB, #870ea5 is rgb(135, 14, 165), in HSL hsl(288, 84%, 35%) and in CMYK 18%, 92%, 0%, 35%.
How should I use #870ea5 in a design layout?
Since #870ea5 is incredibly intense and saturated, it works most effectively as a strategic 10% accent to draw the eye to buttons or callouts. Overusing this violet can easily overwhelm a layout, so keep it limited to high-impact elements against neutral, balanced backgrounds.
What colors pair well with #870ea5 for a balanced palette?
To manage the intensity of #870ea5, pair it with sharp, acidic greens for a bold, modern contrast or soft, warm creams to create a sophisticated, muted balance. These pairings tone down the violet's inherent loudness while maintaining visual interest and readability.
Is #870ea5 readable on white or black?
#870ea5 has a 7.96:1 contrast ratio on white and 2.63: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.