#CF84FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, neon-leaning violet acts as a high-energy accent for bold digital interfaces. Because #cf84ff is so saturated, it overwhelms layouts if used as a main background. It pairs well with charcoal or near-black text, ensuring high readability with a contrast ratio of 8.4:1. Designers favor the hex code #cf84ff for UI highlights and playful brand accents.
Questions about #cf84ff
What is #cf84ff in RGB, HSL and CMYK?
In RGB, #cf84ff is rgb(207, 132, 255), in HSL hsl(277, 100%, 76%) and in CMYK 19%, 48%, 0%, 0%.
Where should I use the #cf84ff color in a UI design?
Use #cf84ff primarily as a high-energy accent color for interactive elements like primary buttons, toggle switches, or call-to-action links. Because it is highly saturated and neon-leaning, avoid using it as a main background color, which often overwhelms the user interface.
What colors pair well with the #cf84ff neon violet?
Pair #cf84ff with charcoal or deep, near-black neutrals to ensure high readability and contrast. For a more adventurous palette, consider balancing this intense violet with soft, desaturated mints or muted slate grays to ground the high-energy vibration of the hue.
Is #cf84ff readable on white or black?
#cf84ff has a 2.50:1 contrast ratio on white and 8.39:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.