#3A5C84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a5c84 is a dusty, unsaturated blue with a matte finish. Its muted quality makes it an excellent choice for background UI elements where you need professionalism without high-contrast distraction. White text remains legible against this shade, meeting WCAG AA standards for body copy. Because of its serious undertone, it pairs well with soft creams or warm greys rather than stark, pure whites.
Questions about #3a5c84
What is #3a5c84 in RGB, HSL and CMYK?
In RGB, #3a5c84 is rgb(58, 92, 132), in HSL hsl(212, 39%, 37%) and in CMYK 56%, 30%, 0%, 48%. Browse more shades of blue with names and hex codes.
What colors pair best with #3a5c84 in a UI layout?
#3a5c84 works most effectively when paired with soft creams or warm greys rather than stark white. These warmer neutrals ground the dusty blue, preventing it from looking too cold while maintaining the high contrast needed for readable text.
Is #3a5c84 suitable for website body copy background colors?
Yes, #3a5c84 acts as a stable, professional backdrop that maintains WCAG AA accessibility standards when used with white text. Its matte, muted quality reduces eye strain compared to more saturated or vibrant blue tones in long-form reading contexts.
Is #3a5c84 readable on white or black?
#3a5c84 has a 6.89:1 contrast ratio on white and 3.04:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.