#031326 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This nearly black shade of blue carries a heavy, serious weight, making it a reliable choice for dark mode UI interfaces. Its muted, dusty quality provides excellent contrast for white text, ensuring high legibility for body content. When you need a grounding, professional base for finance or security branding, use the hex code #031326. Pair it with soft cream accents to prevent the design from feeling too cold.
Questions about #031326
What is #031326 in RGB, HSL and CMYK?
In RGB, #031326 is rgb(3, 19, 38), in HSL hsl(213, 85%, 8%) and in CMYK 92%, 50%, 0%, 85%.
What colors pair well with #031326?
Soft cream or warm off-white tones prevent #031326 from feeling too cold, creating a sophisticated and grounded aesthetic for user interfaces. You can also pair it with a muted gold to elevate the professional, high-end feel in security or financial branding layouts.
Why is #031326 a good choice for dark mode UI?
This color acts as a superior alternative to pure black because it offers a subtle, cooler depth that reduces eye strain while maintaining high legibility. It provides enough contrast for white text to pass accessibility standards while feeling significantly softer than a harsh, absolute black background.
Is #031326 readable on white or black?
#031326 has a 18.66:1 contrast ratio on white and 1.12: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.