#986EFF Hex Color

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

Hex color #986eff graphic
#986eff is a bold, electric violet with high saturation that demands immediate attention. Due to its intense chroma, this shade works best as a sharp accent rather than a background color. It provides excellent contrast for black typography, making it a reliable choice for UI highlights or call-to-action buttons. Pair this saturated tone with muted charcoals to ground its energy in professional designs.

Questions about #986eff

What is #986eff in RGB, HSL and CMYK?
In RGB, #986eff is rgb(152, 110, 255), in HSL hsl(257, 100%, 72%) and in CMYK 40%, 57%, 0%, 0%.
What colors pair best with #986eff for a balanced design?
#986eff works best when grounded by neutral tones that let its high saturation stand out without overwhelming the viewer. Pair it with charcoal or deep slate grays to create a professional contrast, or use a soft cream to temper its intensity.
Is #986eff a good choice for text on white backgrounds?
#986eff often fails accessibility standards for small text on white backgrounds because it lacks sufficient contrast. It is better reserved for UI elements like buttons, icons, or graphical accents where it can draw attention without requiring long-form readability.
Is #986eff readable on white or black?
#986eff has a 3.49:1 contrast ratio on white and 6.00: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.