#042C64 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted navy with a cool, serious cast. #042c64 works best as a dominant base for dark mode interfaces, finance, and legal branding. White text hits a 13.6:1 contrast ratio on it, so body copy stays readable. Pair it with burgundy or brass accents to keep it from reading flat.
Questions about #042c64
What is #042c64 in RGB, HSL and CMYK?
In RGB, #042c64 is rgb(4, 44, 100), in HSL hsl(215, 92%, 20%) and in CMYK 96%, 56%, 0%, 61%. Browse more shades of blue with names and hex codes.
What text color should I use on #042c64?
White text. Contrast on #042c64 reaches about 13.6:1, well above the WCAG AA minimum of 4.5:1, so even small body text stays readable. Black text fails here at roughly 1.5:1.
What colors pair well with #042c64?
Burgundy and warm brass bring out richness in this navy that neutrals like camel do not. For sharper contrast, pair it with off-white or a soft slate gray.
Is #042c64 a good background for dark mode design?
Yes. Its low lightness and muted saturation keep glare down, and its cool undertone reads calm and controlled, which suits interfaces and long reading sessions.
Is #042c64 readable on white or black?
#042c64 has a 13.55:1 contrast ratio on white and 1.54: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.