#7C85F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7c85f2 is a vivid, high-chroma periwinkle that leans heavily into cool tones. Because of its intensity, this color works best as an accent rather than a background shade. It pairs well with charcoal grays or deep navies to anchor its brightness. Since black text reads clearly against it, the hex code #7c85f2 is a strong choice for UI highlights or buttons requiring immediate attention.
Questions about #7c85f2
What is #7c85f2 in RGB, HSL and CMYK?
In RGB, #7c85f2 is rgb(124, 133, 242), in HSL hsl(235, 82%, 72%) and in CMYK 49%, 45%, 0%, 5%.
How should I use #7c85f2 in a UI design?
#7c85f2 functions best as an interactive accent rather than a primary background color. Use it for call-to-action buttons or highlights where you need immediate visual impact, ensuring you pair it with charcoal or deep neutral text for readability.
What colors pair well with #7c85f2?
Because #7c85f2 is a high-chroma, cool-toned periwinkle, it anchors best against strong, grounded neutrals. Pair it with navy for a sophisticated monochromatic depth or charcoal to create a high-contrast, modern interface that keeps the vibrant blue-violet from overwhelming the layout.
Is #7c85f2 readable on white or black?
#7c85f2 has a 3.23:1 contrast ratio on white and 6.49: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.