#7A75FE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, hyper-saturated indigo commands immediate attention. Its high chroma makes it difficult to manage as a large background color, but it serves as an excellent, high-energy accent for calls to action or UI highlights. Black text remains highly readable over this shade. The hex code for this electric tone is #7a75fe. Try pairing it with muted charcoal to ground its boldness.
Questions about #7a75fe
What is #7a75fe in RGB, HSL and CMYK?
In RGB, #7a75fe is rgb(122, 117, 254), in HSL hsl(242, 99%, 73%) and in CMYK 52%, 54%, 0%, 0%.
What design elements work best with #7a75fe?
#7a75fe works exceptionally well as a bold accent for call-to-action buttons, hover states, or vibrant UI highlights. Because of its high chroma, avoid using it as a large background color, as it can be overwhelming for the viewer's eyes over long periods.
How can I balance the intensity of #7a75fe in a layout?
To ground the boldness of #7a75fe, pair it with a deep charcoal or a neutral slate. These darker, muted tones provide a stable foundation that allows the electric energy of the indigo to stand out without competing with the rest of your design.
Is #7a75fe readable on white or black?
#7a75fe has a 3.61:1 contrast ratio on white and 5.80: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.