#774EC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet brings immediate focus to any digital interface. Because it commands attention, use #774ec4 sparingly as a call-to-action button or a high-impact accent rather than a dominant background. It pairs exceptionally well with cool grays or sharp whites for a modern, creative aesthetic. This hex code provides sufficient contrast for white text, ensuring your UI elements remain accessible and legible.
Questions about #774ec4
What is #774ec4 in RGB, HSL and CMYK?
In RGB, #774ec4 is rgb(119, 78, 196), in HSL hsl(261, 50%, 54%) and in CMYK 39%, 60%, 0%, 23%.
How should I use #774ec4 in a web interface?
#774ec4 functions best as a high-impact accent or interactive element, such as a call-to-action button or hover state. Because it commands strong attention, avoid using it as a dominant background color to maintain visual balance across your design.
What colors pair well with #774ec4?
Is #774ec4 readable on white or black?
#774ec4 has a 5.72:1 contrast ratio on white and 3.67: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.