#7BA4E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated periwinkle sits comfortably between sky blue and lavender. Because of its muted chroma, #7ba4e4 works best as a large-scale UI background or a steady supporting tone rather than an accent. It maintains strong legibility with black text, meeting WCAG AA standards. If you want to tone it down further, mixing gray can pull this blue toward a sophisticated slate.
Questions about #7ba4e4
What is #7ba4e4 in RGB, HSL and CMYK?
In RGB, #7ba4e4 is rgb(123, 164, 228), in HSL hsl(217, 66%, 69%) and in CMYK 46%, 28%, 0%, 11%. Browse more shades of blue with names and hex codes.
How can I adjust the tone of #7ba4e4 for more sophisticated palettes?
You can pull #7ba4e4 toward a sophisticated, muted slate by mixing it with cool gray tones. This desaturation helps ground the color, making it easier to pair with darker, professional accents like charcoal or deep navy for a balanced, modern look.
Is #7ba4e4 readable on white or black?
#7ba4e4 has a 2.53:1 contrast ratio on white and 8.27:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.