#6788E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated mid-tone blue carries a crisp, cool energy that works well in interface design. Because it offers high contrast with black text, #6788e5 is a reliable choice for small body copy. It feels professional for tech and financial branding, though it can appear overwhelming as a full background. Try pairing it with warm grays to soften its intensity. The hex code is #6788e5.
Questions about #6788e5
What is #6788e5 in RGB, HSL and CMYK?
In RGB, #6788e5 is rgb(103, 136, 229), in HSL hsl(224, 71%, 65%) and in CMYK 55%, 41%, 0%, 10%.
What works best when pairing #6788e5 in a UI layout?
#6788e5 creates a strong focal point when balanced against neutral backgrounds. Pair it with soft warm grays or off-white tones to prevent it from overwhelming the user interface, ensuring the blue remains the clear, professional accent color.
Is #6788e5 suitable for body text?
Using #6788e5 for body text is generally risky unless the font weight is substantial. It typically works better as an interactive button or brand accent color rather than long-form content, as its saturation can cause eye strain at smaller sizes.
Is #6788e5 readable on white or black?
#6788e5 has a 3.37:1 contrast ratio on white and 6.22: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.