#877EDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool violet sits right between purple and lavender. It feels refined and orderly, making it a reliable choice for UI elements or branding that needs a touch of femininity. Use #877edd as a supporting tone against charcoal grays to create high contrast. Because it is highly legible, the hex code works well for small text against clean backgrounds.
Questions about #877edd
What is #877edd in RGB, HSL and CMYK?
In RGB, #877edd is rgb(135, 126, 221), in HSL hsl(246, 58%, 68%) and in CMYK 39%, 43%, 0%, 13%.
What colors pair well with #877edd?
This unsaturated violet creates a sophisticated, high-contrast look when paired with deep charcoal or slate grays. For a softer, monochromatic palette, layer it with lighter lavender tints or deeper plum shades to maintain visual interest without overwhelming the design.
Is #877edd readable on white or black?
#877edd has a 3.46:1 contrast ratio on white and 6.05: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.