#7CA3A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan creates a grounded yet refreshing look for tech or productivity interfaces. Because it lacks intense saturation, #7ca3a7 acts best as a secondary or supporting color rather than a dominant background. It pairs exceptionally well with charcoal greys, grounding the overall palette. With strong contrast against black text, it remains highly readable for UI elements and functional design details.
Questions about #7ca3a7
What is #7ca3a7 in RGB, HSL and CMYK?
In RGB, #7ca3a7 is rgb(124, 163, 167), in HSL hsl(186, 20%, 57%) and in CMYK 26%, 2%, 0%, 35%.
What design context works best for #7ca3a7?
#7ca3a7 excels as a secondary or functional UI element rather than a dominant background color. Its desaturated, dusty quality provides a professional, stable appearance that works exceptionally well for productivity dashboards, technical navigation bars, or subtle data visualization accents.
Which colors pair effectively with #7ca3a7?
This muted cyan creates a sophisticated palette when paired with deep charcoal or dark slate greys, which ground its inherent lightness. For a softer look, it also complements neutral warm beiges or crisp off-whites without losing its distinct character.
Is #7ca3a7 readable on white or black?
#7ca3a7 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.