#886ED8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet is loud and beaming, making it a natural choice for high-energy accents or bold UI highlights. Because the color provides a 5.3:1 contrast ratio against black text, it works well for smaller details and legible copy. Its intensity can be overwhelming as a background, so use it sparingly. To see how this pairs with neutral tones, look into what colors make gray. The hex code for this shade is #886ed8.
Questions about #886ed8
What is #886ed8 in RGB, HSL and CMYK?
In RGB, #886ed8 is rgb(136, 110, 216), in HSL hsl(255, 58%, 64%) and in CMYK 37%, 49%, 0%, 15%.
How should I use #886ed8 in my UI designs?
#886ed8 performs best as an accent color for call-to-action buttons, active states, or icons that need to stand out. Because of its high intensity, avoid using it for large-scale backgrounds, as it can cause visual fatigue for the user.
What colors pair well with #886ed8?
Is #886ed8 readable on white or black?
#886ed8 has a 3.98:1 contrast ratio on white and 5.26: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.