#6F0FFF Hex Color
A high-energy violet demanding absolute attention
This saturated, high-energy violet demands attention. Its extreme intensity makes #6f0fff a risky choice for large backgrounds, where it can overwhelm the eye. Instead, use this shade as a powerful accent color for calls to action or UI highlights. Because it leans heavily toward blue, understanding what colors make blue helps when balancing this bold tone in your design palette.
Questions about #6f0fff
What is #6f0fff in RGB, HSL and CMYK?
In RGB, #6f0fff is rgb(111, 15, 255), in HSL hsl(264, 100%, 53%) and in CMYK 56%, 94%, 0%, 0%.
How should I use #6f0fff in UI design without overwhelming the user?
#6f0fff is extremely intense, making it ill-suited for large backgrounds or text blocks where it strains the eyes. Limit this electric violet to small, purposeful UI elements like primary buttons, notification badges, or subtle border highlights to maintain visual balance.
What colors pair well with #6f0fff for a balanced design?
Because #6f0fff is a cool, electric tone, it anchors well against high-contrast neutrals like charcoal or deep slate for a modern tech aesthetic. To create a vibrant, active palette, pair it with muted yellow-greens or soft creams to neutralize its aggressive intensity.
Is #6f0fff readable on white or black?
#6f0fff has a 6.58:1 contrast ratio on white and 3.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.