#0C1C7F Hex Color

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

Hex color #0c1c7f graphic
This deep, saturated navy provides a sturdy anchor for professional layouts and authoritative branding. Because it is quite dark, #0c1c7f works best as a primary background or a heavy graphic element rather than fine detail work. White text remains highly readable on this color, making it an excellent choice for functional UI interfaces that prioritize stability and corporate trust. The hex code for this shade is #0c1c7f.

Questions about #0c1c7f

What is #0c1c7f in RGB, HSL and CMYK?
In RGB, #0c1c7f is rgb(12, 28, 127), in HSL hsl(232, 83%, 27%) and in CMYK 91%, 78%, 0%, 50%.
How should I use #0c1c7f in interface design?
#0c1c7f functions best as a solid background or a dominant graphic element due to its intense saturation and darkness. It serves as an excellent anchor for professional dashboards, ensuring that white text remains crisp and highly legible against its deep backdrop.
What colors pair well with the deep navy of #0c1c7f?
This shade works effectively with crisp whites, soft greys, or muted metallics to maintain a sophisticated look. For a bolder, more modern scheme, pair it with gold or copper accents to create a high-contrast, premium aesthetic that balances its dark professional weight.
Is #0c1c7f readable on white or black?
#0c1c7f has a 14.11:1 contrast ratio on white and 1.48: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.