#022842 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This heavy, unsaturated navy serves as a solid anchor for professional interfaces and corporate branding. Its dark, ashy undertones create a serious mood, making it an excellent base color for UI backgrounds where you need high contrast for white text. Because #022842 has such deep pigment, pair it with muted metallics or soft creams to keep designs from feeling too cold or severe.
Questions about #022842
What is #022842 in RGB, HSL and CMYK?
In RGB, #022842 is rgb(2, 40, 66), in HSL hsl(204, 94%, 13%) and in CMYK 97%, 39%, 0%, 74%.
What colors pair well with #022842 for UI design?
This deep navy works best alongside soft, warm neutrals like cream or off-white to soften its intensity. For accent colors, muted metallics or desaturated gold provide a sophisticated look without clashing against the cool, dark pigment of the base.
Is #022842 a good choice for text backgrounds?
Because it is so dark, #022842 is an excellent background choice when you need to use white or light-colored text for maximum readability. Its ashy, unsaturated nature prevents the eye strain often caused by pure black or overly vibrant blue backgrounds.
Is #022842 readable on white or black?
#022842 has a 15.16:1 contrast ratio on white and 1.38: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.