#7A82E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated shade balances intensity with a crisp, cool undertone. It creates visual impact without overwhelming the eye, making it an excellent choice for primary buttons or accent highlights. While it provides enough contrast for black text, use it sparingly as a dominant background to avoid visual fatigue. The hex code for this vivid indigo is #7a82e8.
Questions about #7a82e8
What is #7a82e8 in RGB, HSL and CMYK?
In RGB, #7a82e8 is rgb(122, 130, 232), in HSL hsl(236, 71%, 69%) and in CMYK 47%, 44%, 0%, 9%.
How should #7a82e8 be used in UI design?
#7a82e8 works best as a punchy accent color for primary buttons, call-to-action links, or icon highlights rather than as a background color. Its high saturation can cause visual fatigue if applied across large surface areas in a layout.
What colors pair well with #7a82e8?
This indigo shade harmonizes beautifully with neutral grays like charcoal or soft off-whites to create a balanced, modern palette. For higher contrast, pair it with a complementary warm yellow or a soft terracotta to ground the cool, crisp undertones.
Is #7a82e8 readable on white or black?
#7a82e8 has a 3.39:1 contrast ratio on white and 6.18: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.