#7A8CA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels restrained and serious. Because it is highly unsaturated, the hex code #7a8ca4 works best as a neutral background rather than a main accent. It pairs well with crisp white or dark charcoals, providing a professional look for finance or tech interfaces. Since it holds a solid contrast ratio against black text, it is a safe, readable choice for body copy or UI elements.
Questions about #7a8ca4
What is #7a8ca4 in RGB, HSL and CMYK?
In RGB, #7a8ca4 is rgb(122, 140, 164), in HSL hsl(214, 19%, 56%) and in CMYK 26%, 15%, 0%, 36%. Browse more shades of blue with names and hex codes.
How can I use #7a8ca4 in a UI design?
#7a8ca4 functions best as a secondary background or a muted border color because it is highly desaturated and easy on the eyes. Use it alongside charcoal for text to maintain a professional contrast ratio.
Is #7a8ca4 considered a warm or cool color?
#7a8ca4 is distinctly a cool-toned blue that carries gray undertones, making it feel reserved rather than vibrant. It lacks the warmth of sky blues, providing a steady and grounded presence in digital layouts.
Is #7a8ca4 readable on white or black?
#7a8ca4 has a 3.43:1 contrast ratio on white and 6.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.