#042B5C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, serious navy creates a grounded foundation for corporate and professional projects. It possesses significant depth and carries a cold, authoritative mood that works best as a primary background or heavy anchor in UI design. Because it sits so close to the bottom of the spectrum, mixing black into your palette often starts here. The hex code for this color is #042b5c.
Questions about #042b5c
What is #042b5c in RGB, HSL and CMYK?
In RGB, #042b5c is rgb(4, 43, 92), in HSL hsl(213, 92%, 19%) and in CMYK 96%, 53%, 0%, 64%.
How should I use #042b5c in a UI design?
#042b5c works best as a primary background color or a solid anchor for heavy design elements. Because it is so dark, pair it with soft cream or light gray text to ensure readability and maintain a clean, professional aesthetic.
Does #042b5c look warm or cool?
This color sits on the cool end of the spectrum, projecting a sense of authority and calm. Its significant depth creates a grounded feel, making it an excellent alternative to standard black for high-contrast, modern interfaces.
Is #042b5c readable on white or black?
#042b5c has a 13.95:1 contrast ratio on white and 1.50: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.