#004063 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#004063 is a dim, unsaturated navy with a heavy, professional character. Because this shade is quite dark and low in chroma, it provides a stable, serious backdrop for corporate and technology branding. While it works well for large UI containers, pair it with bright off-whites or soft creams to keep the design from feeling too gloomy. This hex code offers excellent contrast for readable white text.
Questions about #004063
What is #004063 in RGB, HSL and CMYK?
In RGB, #004063 is rgb(0, 64, 99), in HSL hsl(201, 100%, 19%) and in CMYK 100%, 35%, 0%, 61%. Browse more shades of blue with names and hex codes.
What colors pair best with #004063 for UI design?
Use #004063 with bright off-whites or soft creams to prevent the design from feeling too gloomy or heavy. These high-contrast pairings ensure white text remains legible and sharp, creating a professional, balanced look that is ideal for modern tech platforms.
Does #004063 work well as a primary background color?
Yes, #004063 serves as an excellent, stable backdrop for large UI containers because of its low chroma and unsaturated nature. It provides a serious and grounded feel, though it should be balanced with lighter accent colors to maintain visual breathing room.
Is #004063 readable on white or black?
#004063 has a 10.97:1 contrast ratio on white and 1.91: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.