#012877 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated navy carries a formal weight that works well for corporate branding and serious UI design. Because #012877 is so dark, it acts as a perfect, stable base color for white text, which remains highly readable against it. Pair this hex code with soft grays or creams to keep your layout from feeling too heavy or claustrophobic.
Questions about #012877
What is #012877 in RGB, HSL and CMYK?
In RGB, #012877 is rgb(1, 40, 119), in HSL hsl(220, 98%, 24%) and in CMYK 99%, 66%, 0%, 53%.
What colors pair well with #012877?
Pair #012877 with cream or soft gray to maintain readability and visual balance. Because this navy is so saturated, adding lighter neutral tones prevents the layout from feeling heavy or enclosed while keeping your text clean and easy to scan.
Is #012877 a good choice for professional branding?
Yes, #012877 provides a formal weight that works exceptionally well for serious corporate identities and financial UI design. Its saturated nature conveys stability and trust, making it a reliable choice for buttons or headers that need to anchor your page design.
Is #012877 readable on white or black?
#012877 has a 13.36:1 contrast ratio on white and 1.57: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.