#607A8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue feels grounded and professional without being harsh. The hex code #607a8a works best as a mid-tone supporting color in UI design, where it provides a stable background for high-contrast black text. Because it leans matte and ashy, pair it with crisp off-whites to keep it from looking muddy. It communicates reliability for corporate or technical interfaces that require a restrained, professional mood.
Questions about #607a8a
What is #607a8a in RGB, HSL and CMYK?
In RGB, #607a8a is rgb(96, 122, 138), in HSL hsl(203, 18%, 46%) and in CMYK 30%, 12%, 0%, 46%.
How can I best use #607a8a in a UI layout?
#607a8a works best as a mid-tone structural color, such as for sidebar backgrounds or button backgrounds, when paired with high-contrast text. To maintain readability and a professional look, ensure you use a crisp white or very dark charcoal for all typography.
Does #607a8a feel warm or cool?
#607a8a is definitely a cool-toned color, leaning into classic blue hues with a noticeable gray, ashy quality that desaturates its vibrance. This cooling effect makes it a reliable choice for corporate branding that needs to feel calm, stable, and highly trustworthy.
Is #607a8a readable on white or black?
#607a8a has a 4.51:1 contrast ratio on white and 4.64: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 works for body text. Try other pairs in the contrast checker.