#003084 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated blue provides a solid foundation for corporate branding or moody UI layouts. It carries a sense of authority, reading best when paired with stark white text for high contrast. The hex code for this serious tone is #003084. Use it as a dominant background to ground a design, but avoid using it in small text, as it can lose definition.
Questions about #003084
What is #003084 in RGB, HSL and CMYK?
In RGB, #003084 is rgb(0, 48, 132), in HSL hsl(218, 100%, 26%) and in CMYK 100%, 64%, 0%, 48%.
Is #003084 appropriate for body text or small UI elements?
Avoid using #003084 for small text or fine lines because its deep saturation can cause the letterforms to lose definition and bleed into darker backgrounds. It performs much better as a solid block of color for backgrounds, buttons, or oversized typography.
Is #003084 readable on white or black?
#003084 has a 11.95:1 contrast ratio on white and 1.75: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.