#425A6A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious weight that makes it a stable choice for corporate branding or moody UI backgrounds. Because it sits on the darker side of the spectrum, #425a6a works best as a primary base color paired with bright white text to maintain high readability. It lacks saturation, providing a reliable, grounded alternative to traditional navy in professional design systems.
Questions about #425a6a
What is #425a6a in RGB, HSL and CMYK?
In RGB, #425a6a is rgb(66, 90, 106), in HSL hsl(204, 23%, 34%) and in CMYK 38%, 15%, 0%, 58%.
Is #425a6a a cool or warm color?
#425a6a sits firmly on the cool side of the spectrum, defined by its muted, grayish undertones that prevent it from appearing too vibrant or aggressive. This makes it an excellent choice for backgrounds where you need a calm, professional atmosphere.
What colors pair well with #425a6a for UI design?
This muted blue works best with high-contrast neutrals like crisp white or light gray to maintain readability against its darker saturation. For accent colors, it pairs naturally with mustard yellow or soft terracotta to introduce a balanced, sophisticated warmth.
Is #425a6a readable on white or black?
#425a6a has a 7.23:1 contrast ratio on white and 2.90: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.