#003A84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A serious, authoritative blue, #003a84 commands attention without being flashy. This dark tone works best as a steady, dominant base for corporate branding or moody UI layouts. Because white text creates excellent readability against this shade, it excels in dense information interfaces. While it pairs well with crisp grays, avoid using it alongside other dark colors to prevent a muddy look.
Questions about #003a84
What is #003a84 in RGB, HSL and CMYK?
In RGB, #003a84 is rgb(0, 58, 132), in HSL hsl(214, 100%, 26%) and in CMYK 100%, 56%, 0%, 48%.
What design elements work best with #003a84?
#003a84 functions best as a dominant, steady base for corporate identities or dense information dashboards. Because of its intense darkness, it creates high visual authority when paired with crisp white text, making it a reliable choice for long-form reading interfaces.
How do I create a balanced palette using #003a84?
Avoid pairing #003a84 with other dark colors to prevent a muddy, indistinct appearance. Instead, use light, neutral tones like soft gray or cool silver to create contrast, or add a small pop of bright color for a modern, energetic accent.
Is #003a84 readable on white or black?
#003a84 has a 10.83:1 contrast ratio on white and 1.93: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.