#865DEF Hex Color

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

Hex color #865def graphic
#865def is an intense, saturated violet that demands attention. Because it is so vivid, it works best as a 10% accent color for calls to action or UI highlights rather than a full background. The hex code for this shade is #865def. Black text provides excellent readability against it, though pairing it with neutral tones is often necessary. If you need to soften its presence, learn what colors make gray to balance it.

Questions about #865def

What is #865def in RGB, HSL and CMYK?
In RGB, #865def is rgb(134, 93, 239), in HSL hsl(257, 82%, 65%) and in CMYK 44%, 61%, 0%, 6%.
Where should I use #865def in a UI design?
Use #865def sparingly as a 10% accent color for primary call-to-action buttons or important UI highlights. Because it is so saturated, it can overwhelm a layout if used on large backgrounds, so pair it with white or light neutral gray backgrounds for balance.
What colors pair well with #865def?
Pair #865def with high-contrast neutrals like charcoal or stark black for text readability, or ground it with soft cream tones. If you need a secondary color, muted teals provide a sophisticated complementary contrast that keeps the energy in check.
Is #865def readable on white or black?
#865def has a 4.35:1 contrast ratio on white and 4.82: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.