#3A6885 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted blue with a gray undertone, #3a6885 reads steady and low-key. Its dimness makes white text pass WCAG AA at about 6:1 contrast, so it works well as a base for finance dashboards, dark mode headers, and calm backgrounds. Pair it with burgundy or navy accents; next to white it can look flat, so test it at full size.
Questions about #3a6885
What is #3a6885 in RGB, HSL and CMYK?
In RGB, #3a6885 is rgb(58, 104, 133), in HSL hsl(203, 39%, 37%) and in CMYK 56%, 22%, 0%, 48%. Browse more shades of blue with names and hex codes.
Does #3a6885 pass WCAG AA with white text?
Yes. White text on #3a6885 gives about a 6.0:1 contrast ratio, which clears the 4.5:1 threshold for body text, so it works for small type and UI backgrounds.
What colors pair well with #3a6885?
Pair it with burgundy or warm tan accents for richness; against plain white it can read flat, so warmer pairings help it feel intentional.
Is #3a6885 readable on white or black?
#3a6885 has a 6.00:1 contrast ratio on white and 3.49: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.