#6E85E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone indigo is saturated and cool, offering a steady, reliable presence in UI design. Because it maintains high contrast against black text, it works well as a primary base for finance or healthcare interfaces. Avoid pairing it with lighter, washed-out blues, as they can drain its intensity. The hex code for this color is #6e85e3, a solid choice for branding that requires a professional, structured feel.
Questions about #6e85e3
What is #6e85e3 in RGB, HSL and CMYK?
In RGB, #6e85e3 is rgb(110, 133, 227), in HSL hsl(228, 68%, 66%) and in CMYK 52%, 41%, 0%, 11%.
Where should I use #6e85e3 in interface design?
#6e85e3 excels as a primary action color for financial and healthcare platforms where trust and clarity are paramount. Because it maintains high contrast ratios against black text, it serves as a robust base for navigation bars or call-to-action buttons.
Which colors pair best with #6e85e3 for a balanced palette?
Pair #6e85e3 with deep charcoal for text to maintain professional readability, or use soft creams to create a sophisticated, modern contrast. Avoid combining this indigo with washed-out, desaturated blues, as they can cause the overall design to look muddy and undefined.
Is #6e85e3 readable on white or black?
#6e85e3 has a 3.42:1 contrast ratio on white and 6.12: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.