#0C344F Hex Color

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

Hex color #0c344f graphic
This dark, desaturated blue carries a dusty, professional weight that feels both stable and authoritative. The hex code for this shade is #0c344f. Because it provides high contrast with white text at 13.0:1, it functions as a strong, readable background for security-focused UI. It works best when paired with warm, metallic accents to add a necessary point of interest to the composition.

Questions about #0c344f

What is #0c344f in RGB, HSL and CMYK?
In RGB, #0c344f is rgb(12, 52, 79), in HSL hsl(204, 74%, 18%) and in CMYK 85%, 34%, 0%, 69%.
What colors pair well with #0c344f for UI design?
This deep blue works best when paired with warm, metallic accents to break up its severity. Use subtle gold or copper highlights to add a point of visual interest while maintaining the professional weight of the primary background color.
Is #0c344f suitable for text-heavy interface backgrounds?
Yes, it is highly effective for security-focused UI due to its excellent contrast ratio with white text, sitting at approximately 13.0:1. This makes it a safe, readable choice for long-form content or dashboards where eye strain must be minimized.
Is #0c344f readable on white or black?
#0c344f has a 12.96:1 contrast ratio on white and 1.61: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.