#7CA0C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is desaturated and cool, offering a muted professional tone. The hex code for this shade is #7ca0c1. It works best as a supporting tone in corporate UI rather than a primary background, where it can appear washed out. Pair it with deep charcoal or warm slate to maintain contrast. Because it provides high readability with black text, it functions well for detailed UI labels.
Questions about #7ca0c1
What is #7ca0c1 in RGB, HSL and CMYK?
In RGB, #7ca0c1 is rgb(124, 160, 193), in HSL hsl(209, 36%, 62%) and in CMYK 36%, 17%, 0%, 24%. Browse more shades of blue with names and hex codes.
What colors pair well with #7ca0c1?
Because #7ca0c1 is a muted and desaturated tone, it functions best alongside dark neutrals like charcoal or deep slate for readability. You can also pair it with soft warm grays or crisp white to prevent the blue from looking muddy in user interface designs.
Is #7ca0c1 suitable for text on a white background?
This blue lacks sufficient contrast against standard white backgrounds to pass accessibility guidelines for small text. It performs much better as an accent color, a secondary button, or a background for dark text, where its professional and calm quality remains readable.
Is #7ca0c1 readable on white or black?
#7ca0c1 has a 2.74:1 contrast ratio on white and 7.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.