#7B81F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and beaming, #7b81f7 creates immediate visual impact. Its high intensity makes it an ideal accent color or call-to-action button, though it may overwhelm if used for large backgrounds. Pair this indigo with deep charcoal to ground the look. Black text offers strong contrast against this hex code, maintaining accessibility for small body text within your UI designs.
Questions about #7b81f7
What is #7b81f7 in RGB, HSL and CMYK?
In RGB, #7b81f7 is rgb(123, 129, 247), in HSL hsl(237, 89%, 73%) and in CMYK 50%, 48%, 0%, 3%.
What is the best way to use #7b81f7 in UI design?
Because #7b81f7 is a high-intensity indigo, it works best as a punchy accent color rather than a primary background shade. Use it sparingly for call-to-action buttons or highlighted navigation elements to ensure it captures attention without overwhelming the user interface.
Which colors pair well with #7b81f7?
To balance the brightness of #7b81f7, pair it with deep, neutral tones like charcoal or matte black. This contrast grounds the intensity, making your text legible and ensuring that the blue remains the focal point of your design composition.
Is #7b81f7 readable on white or black?
#7b81f7 has a 3.31:1 contrast ratio on white and 6.32: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.