#09486B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A deep, unsaturated navy built for serious work. The hex code #09486b reads cool and muted, which makes it a dependable base for finance dashboards, dark mode UI, and corporate layouts. White text hits roughly 9.8:1 contrast here, so body text passes WCAG AA with room to spare. It works best as a dominant background rather than an accent, where its low saturation can turn flat. Pair it with warm burgundy or muted gold accents instead of the usual neutrals for a richer palette.
Questions about #09486b
What is #09486b in RGB, HSL and CMYK?
In RGB, #09486b is rgb(9, 72, 107), in HSL hsl(201, 84%, 23%) and in CMYK 92%, 33%, 0%, 58%. Browse more shades of blue with names and hex codes.
What text color works best on #09486b?
White text is the safest choice. On #09486b it reaches roughly 9.8:1 contrast, which clears WCAG AA for body text with a wide margin. Black text fails badly here, at well under 2:1, so avoid it entirely.
What colors pair well with #09486b?
Skip the obvious neutrals. This muted navy looks richer next to burgundy, muted gold, or warm terracotta, which offset its cool undertone. If you need a second blue, a lighter desaturated steel tone works without muddying the palette.
Is #09486b a good background color?
Yes, and it should stay in the background role. Its low saturation and deep lightness make it a stable base for dashboards, dark mode UI, and finance layouts, but as an accent it reads flat and murky. Follow a 60/30/10 split with #09486b as the dominant surface.
What mood does #09486b convey?
Its darkness and muted saturation read as serious, steady, and controlled, which suits finance, government, and corporate work. The low saturation keeps it calm rather than energetic, so it fits trust-focused branding better than playful or bold designs.
Is #09486b readable on white or black?
#09486b has a 9.76:1 contrast ratio on white and 2.15: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 is too faint for text. Try other pairs in the contrast checker.