#3A5E84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, ashy slate, #3a5e84 feels serious and grounded. This unsaturated tone works well for professional interfaces like finance or legal branding where restraint is preferred over bold saturation. Because it is quite dark, pair it with off-white text to maintain legibility. The hex code #3a5e84 provides enough contrast for readable body copy, making it a reliable, somber base for understated digital designs.
Questions about #3a5e84
What is #3a5e84 in RGB, HSL and CMYK?
In RGB, #3a5e84 is rgb(58, 94, 132), in HSL hsl(211, 39%, 37%) and in CMYK 56%, 29%, 0%, 48%.
Is #3a5e84 suitable for website body text?
The color #3a5e84 works effectively for body text if paired with high-contrast off-white or cream backgrounds to ensure readability. Its inherent depth provides enough weight to replace standard black while keeping the interface feeling professional and restrained.
What colors pair well with #3a5e84?
This muted slate benefits from being paired with neutral tones like off-white or soft beige for a clean, balanced palette. To add depth without overwhelming the design, consider using lighter, unsaturated sky blue accents to complement the serious nature of #3a5e84.
Is #3a5e84 readable on white or black?
#3a5e84 has a 6.74:1 contrast ratio on white and 3.11: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.