#022C6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated navy provides a grounded, serious aesthetic for corporate branding and dark mode interfaces. As a hex code, #022c6e functions well as a high-contrast base, offering a 13.2:1 ratio against white text for excellent accessibility. Designers often use it to replace pure black, as it provides a cooler, more intentional mood that retains clear legibility across various screen sizes.
Questions about #022c6e
What is #022c6e in RGB, HSL and CMYK?
In RGB, #022c6e is rgb(2, 44, 110), in HSL hsl(217, 96%, 22%) and in CMYK 98%, 60%, 0%, 57%. Browse more shades of blue with names and hex codes.
What colors pair well with #022c6e for a modern UI?
To create a balanced palette, pair #022c6e with soft neutrals like warm gray or clean white to keep the design grounded. For accent colors that pop, use high-saturation bright orange or mustard yellow to provide necessary visual contrast.
Is #022c6e readable on white or black?
#022c6e has a 13.22:1 contrast ratio on white and 1.58: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.