#3982B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, mid-tone blue, #3982b3 provides a stable and professional presence. This hex code works best as a primary interface color for finance or tech platforms where clarity is essential. Because it maintains a 5.0:1 contrast ratio against black text, it remains legible even for small UI elements. Pair it with crisp white backgrounds to keep the layout feeling secure and ordered.
Questions about #3982b3
What is #3982b3 in RGB, HSL and CMYK?
In RGB, #3982b3 is rgb(57, 130, 179), in HSL hsl(204, 52%, 46%) and in CMYK 68%, 27%, 0%, 30%.
Where does #3982b3 perform best in web design?
#3982b3 excels as a primary interface color for tech or financial platforms where clarity is critical. Because it maintains strong contrast against white backgrounds, it effectively highlights call-to-action buttons or navigation elements without overwhelming the user.
What colors pair well with #3982b3 for a balanced palette?
#3982b3 pairs naturally with clean neutrals like off-white or soft gray to maintain its professional appearance. For a more dynamic contrast, try accenting it with a complementary warm orange to create visual interest while keeping the overall design legible.
Is #3982b3 readable on white or black?
#3982b3 has a 4.18:1 contrast ratio on white and 5.01: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.