#0C4366 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #0c4366 graphic
#0c4366 is a dark navy with muted, gray-leaning undertones. Its low saturation reads serious and controlled, which suits corporate branding, finance dashboards, and formal layouts. White text hits about 10.4:1 contrast here, so small body text clears WCAG AA with room to spare. Pair it with burgundy or warm amber to keep the palette from turning flat.

Questions about #0c4366

What is #0c4366 in RGB, HSL and CMYK?
In RGB, #0c4366 is rgb(12, 67, 102), in HSL hsl(203, 79%, 22%) and in CMYK 88%, 34%, 0%, 60%.
What colors pair well with #0c4366?
Warm accents work best: burnt amber, burgundy, and soft coral all keep this navy from reading flat. White text gives about 10.4:1 contrast, well above the WCAG AA threshold.
Is #0c4366 a good background color?
Yes. Its darkness makes it a dependable base for UI backgrounds, dark mode surfaces, and large type. Because it is unsaturated, balance it with lighter neutrals or warm accents so designs do not turn gloomy.
Is #0c4366 readable on white or black?
#0c4366 has a 10.44:1 contrast ratio on white and 2.01: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.