#3E7CAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a cool, professional weight that works well for finance and security interfaces. Because #3e7caa maintains a 4.7:1 contrast ratio against black text, it provides strong readability for small copy. Avoid using it as a large background area, as it can feel flat; instead, use it as a 30% supporting tone paired with warm grays or a crisp off-white for better visual balance.
Questions about #3e7caa
What is #3e7caa in RGB, HSL and CMYK?
In RGB, #3e7caa is rgb(62, 124, 170), in HSL hsl(206, 47%, 45%) and in CMYK 64%, 27%, 0%, 33%.
What is the best way to use #3e7caa in a design?
Use #3e7caa as a purposeful accent rather than a full-page background to maintain visual interest. It excels when paired with warm gray or soft off-whites, creating a professional contrast that improves readability for UI elements like buttons or navigation links.
Is #3e7caa readable on white or black?
#3e7caa has a 4.49:1 contrast ratio on white and 4.66: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.