#3C84A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool blue balances professional stability with a approachable tone. Because #3c84a4 provides strong legibility for small text, it works well as a primary color for financial dashboards or tech interfaces. Pair it with soft cream or warm gray to ground its inherent coolness. The hex code for this reliable, unsaturated blue is #3c84a4.
Questions about #3c84a4
What is #3c84a4 in RGB, HSL and CMYK?
In RGB, #3c84a4 is rgb(60, 132, 164), in HSL hsl(198, 46%, 44%) and in CMYK 63%, 20%, 0%, 36%.
What colors pair well with #3c84a4?
Why is #3c84a4 effective for digital interfaces?
#3c84a4 strikes a balance between visual interest and readability, making it ideal for financial or data-heavy dashboards. Its muted saturation prevents eye fatigue, allowing users to focus on critical information without the distraction of overly vibrant, high-energy blues.
Is #3c84a4 readable on white or black?
#3c84a4 has a 4.17:1 contrast ratio on white and 5.02: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.