#A12FCE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric violet is highly saturated and demands immediate attention. Because it is so loud, #a12fce functions best as an accent color for calls to action or small UI elements rather than a background. It pairs well with deep charcoal to ground its intensity. The hex code for this vivid shade is #a12fce. White text remains legible against this surface, meeting accessibility standards for small details.
Questions about #a12fce
What is #a12fce in RGB, HSL and CMYK?
In RGB, #a12fce is rgb(161, 47, 206), in HSL hsl(283, 63%, 50%) and in CMYK 22%, 77%, 0%, 19%.
How can I effectively use #a12fce in a user interface?
Because #a12fce is so highly saturated, it works best as a punchy accent color rather than a primary background. It draws immediate attention to important calls to action, buttons, or active states without overwhelming the rest of the layout.
What colors pair best with the intensity of #a12fce?
To ground the electric energy of #a12fce, pair it with deep, neutral tones like charcoal. This combination provides necessary contrast and readability, ensuring the violet remains the focal point while maintaining a professional and balanced design aesthetic throughout your project.
Is #a12fce readable on white or black?
#a12fce has a 5.50:1 contrast ratio on white and 3.81: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.