#03318C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue acts as a powerful anchor for corporate and tech identities. Because it is quite dark, #03318c creates high contrast against white text, making it a reliable choice for readable UI backgrounds. Use this hex code sparingly as an accent to avoid overwhelming your design, or pair it with soft grays to ground its authoritative, moody character.
Questions about #03318c
What is #03318c in RGB, HSL and CMYK?
In RGB, #03318c is rgb(3, 49, 140), in HSL hsl(220, 96%, 28%) and in CMYK 98%, 65%, 0%, 45%.
How can #03318c be effectively used in UI design?
#03318c serves best as a high-contrast anchor or a bold primary accent for headers and call-to-action buttons. Because the tone is so dark, avoid using it for large text blocks, and instead pair it with white or very pale neutrals to maintain readability.
What colors pair well with #03318c?
This deep blue balances beautifully with warm gray tones or soft cream to temper its intensity. For a more modern, energetic look, you can pair #03318c with a vibrant coral or gold to create a striking complementary contrast.
Is #03318c readable on white or black?
#03318c has a 11.52:1 contrast ratio on white and 1.82: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.