#877BDB Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #877bdb graphic
#877bdb is a saturated, mid-tone violet that carries a distinct, cool digital aesthetic. Because this intensity can overwhelm larger areas, use it as a secondary accent rather than a full page background. It provides 5.9:1 contrast with black text, making it reliable for UI buttons. When you are mixing gray, consider adding this hex code to inject character into dull neutrals.

Questions about #877bdb

What is #877bdb in RGB, HSL and CMYK?
In RGB, #877bdb is rgb(135, 123, 219), in HSL hsl(248, 57%, 67%) and in CMYK 38%, 44%, 0%, 14%.
Where is #877bdb most effective in web design?
#877bdb acts as a high-contrast accent color that draws the eye toward call-to-action buttons or navigation elements. It performs well against light backgrounds and provides readable contrast with black text, making it a reliable choice for modern interface components.
How does #877bdb interact with neutral color schemes?
This vibrant violet injects personality into muted spaces without overwhelming the layout. When paired with charcoal or soft off-whites, it creates a balanced, professional contrast that helps your design feel intentionally curated rather than dull or washed out.
Is #877bdb readable on white or black?
#877bdb has a 3.56:1 contrast ratio on white and 5.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.