#002F77 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#002f77 is a saturated, authoritative navy that anchors professional designs. With its deep, cool character, this color works best as a primary background or a dominant brand identity element. Because of its intense darkness, it provides excellent contrast for white text, which remains highly readable against it. Pair it with soft, muted greys to avoid harsh transitions in your layouts. The hex code for this blue is #002f77.
Questions about #002f77
What is #002f77 in RGB, HSL and CMYK?
In RGB, #002f77 is rgb(0, 47, 119), in HSL hsl(216, 100%, 23%) and in CMYK 100%, 61%, 0%, 53%.
What colors pair well with #002f77 for professional designs?
Pair #002f77 with cool gray or soft silver to maintain a professional, high-contrast aesthetic without introducing visual noise. These neutral tones allow the deep intensity of the navy to act as the primary focus, creating a balanced and readable interface.
Is #002f77 a suitable choice for text on websites?
Yes, #002f77 serves as an excellent dark background for white or light-colored text due to its high saturation and depth. It provides better visual comfort than pure black, offering a softer, more sophisticated alternative for modern digital interfaces.
Is #002f77 readable on white or black?
#002f77 has a 12.55:1 contrast ratio on white and 1.67: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.