#0C4C9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, mid-tone blue carries a serious, grounded weight. Because it sits comfortably between dark and bright, #0c4c9b works effectively as a stable background color for corporate or finance interfaces. It offers high contrast for white text, ensuring excellent readability. Pair it with a muted cream or soft gray to balance its intensity, as using it as a full-screen background can sometimes feel overwhelming.
Questions about #0c4c9b
What is #0c4c9b in RGB, HSL and CMYK?
In RGB, #0c4c9b is rgb(12, 76, 155), in HSL hsl(213, 86%, 33%) and in CMYK 92%, 51%, 0%, 39%.
What colors pair well with #0c4c9b for a balanced design?
Pair #0c4c9b with cream or soft neutrals to soften its intense, serious energy without losing readability. Using a crisp white creates high-contrast, professional interfaces, while adding a warm gray helps ground the vibrant blue in more organic, modern layouts.
Is #0c4c9b suitable for large background areas?
Using #0c4c9b as a full-screen background can feel overwhelming due to its high saturation. It performs much better when applied to navigation bars, buttons, or accent containers where its stable, authoritative weight can effectively anchor a UI design.
Is #0c4c9b readable on white or black?
#0c4c9b has a 8.32:1 contrast ratio on white and 2.52: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.