#002A6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark navy projects authority and institutional stability. It avoids the muted tones of typical slate, making it a powerful choice for corporate branding or high-contrast UI backgrounds. Because it is so deep, it offers exceptional readability when paired with white text. The hex code for this color is #002a6b, which works best as a primary anchor color in professional, serious design systems.
Questions about #002a6b
What is #002a6b in RGB, HSL and CMYK?
In RGB, #002a6b is rgb(0, 42, 107), in HSL hsl(216, 100%, 21%) and in CMYK 100%, 61%, 0%, 58%.
Why use #002a6b in UI design?
This shade is an excellent choice for primary action buttons or text headers because it maintains high contrast ratios against light backgrounds. It feels far more authoritative and grounded than a standard blue, helping users focus on key interface elements.
What colors pair well with #002a6b?
Is #002a6b readable on white or black?
#002a6b has a 13.60:1 contrast ratio on white and 1.54: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.