#7667EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7667eb is a bright, saturated indigo that demands immediate attention. It carries an intense energy, making it an ideal choice for bold calls to action or UI accents that need to pop. Pair it with dark grays or charcoal for a balanced interface, as it provides sufficient contrast for readability. Because it is so vivid, limit this hex code to small design elements to avoid overwhelming the viewer.
Questions about #7667eb
What is #7667eb in RGB, HSL and CMYK?
In RGB, #7667eb is rgb(118, 103, 235), in HSL hsl(247, 77%, 66%) and in CMYK 50%, 56%, 0%, 8%.
How should I effectively use #7667eb in a website interface?
Reserve #7667eb for small, high-impact UI elements like call-to-action buttons or navigation highlights rather than large backgrounds. Because the color is so intensely saturated, it acts best as a focal point to draw the eye without overwhelming the rest of your layout.
Which neutral colors balance the intensity of #7667eb?
This vibrant indigo pairs exceptionally well with charcoal or deep slate grays to create a sophisticated, modern contrast. Using a darker neutral prevents the saturation of #7667eb from clashing while ensuring that text and surrounding elements remain highly readable and balanced.
Is #7667eb readable on white or black?
#7667eb has a 4.27:1 contrast ratio on white and 4.91: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.