#768EF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#768ef7 is a bold, cool-toned indigo that demands attention. Because it is highly saturated and bright, it works best as a punchy accent color or call-to-action button rather than a large background. It pairs exceptionally well with stark black text for high legibility. If you need to tone down its intensity, learning what colors make gray can help you create balancing neutrals.
Questions about #768ef7
What is #768ef7 in RGB, HSL and CMYK?
In RGB, #768ef7 is rgb(118, 142, 247), in HSL hsl(229, 89%, 72%) and in CMYK 52%, 43%, 0%, 3%.
How should I use #768ef7 in a UI design?
#768ef7 functions best as a high-contrast call-to-action button or a selective accent rather than a primary background color. Because it is highly saturated, it draws immediate attention, making it perfect for primary actions that need to stand out against neutral layouts.
What colors pair well with #768ef7?
This vibrant indigo balances beautifully with charcoal or dark navy for text, providing high legibility and a sophisticated, modern look. If you want a more playful or energetic palette, consider pairing it with soft creams or warm whites to tone down the intensity.
Is #768ef7 readable on white or black?
#768ef7 has a 3.00:1 contrast ratio on white and 6.98: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.