#3A7BBF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a steady, professional weight suitable for security and corporate interfaces. Because it maintains strong legibility against black text, it functions effectively as a solid background or a primary UI element. Pair #3a7bbf with warm, off-white tones to soften its clinical edge. The hex code for this reliable shade is #3a7bbf.
Questions about #3a7bbf
What is #3a7bbf in RGB, HSL and CMYK?
In RGB, #3a7bbf is rgb(58, 123, 191), in HSL hsl(211, 53%, 49%) and in CMYK 70%, 36%, 0%, 25%.
What design styles pair well with #3a7bbf?
Use #3a7bbf with soft, warm off-whites or neutral cream tones to balance its clinical, cool undertones. This professional blue maintains high legibility against black text, making it a reliable choice for corporate dashboards, secure banking interfaces, or administrative software layouts.
Is #3a7bbf readable on white or black?
#3a7bbf has a 4.40:1 contrast ratio on white and 4.76: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.