#22425F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted navy, #22425f brings a serious and grounded quality to professional designs. This low-chroma blue works best as a primary background color, providing excellent contrast for white typography. Because it leans gray, learning how to make gray helps you mix it into subtle palettes. It pairs effectively with lighter, stony neutrals for a clean, stable look in corporate or financial branding.
Questions about #22425f
What is #22425f in RGB, HSL and CMYK?
In RGB, #22425f is rgb(34, 66, 95), in HSL hsl(209, 47%, 25%) and in CMYK 64%, 31%, 0%, 63%.
What colors pair well with the dusty navy of #22425f?
#22425f works best when paired with warm, stony neutrals or crisp whites to balance its cool, gray-leaning undertones. For a clean corporate palette, try combining it with sand or soft off-white to maintain readability and a professional, grounded aesthetic.
Is #22425f suitable for text on a white background?
Yes, #22425f provides excellent contrast against white backgrounds, making it a reliable choice for professional typography. Its dark, muted nature ensures the text remains legible while appearing softer and more modern than pure black or standard navy.
Is #22425f readable on white or black?
#22425f has a 10.43:1 contrast ratio on white and 2.01: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.