#697373 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its dusty, desaturated cyan tone, #697373 functions as a versatile neutral for modern tech or aerospace interfaces. The shade leans heavily into grey, providing a muted backdrop that feels professional and grounded. White text offers excellent legibility against this hue, exceeding accessibility standards. Use it as a steady base color to let brighter, bolder accent colors pop without overpowering the layout.
Questions about #697373
What is #697373 in RGB, HSL and CMYK?
In RGB, #697373 is rgb(105, 115, 115), in HSL hsl(180, 5%, 43%) and in CMYK 9%, 0%, 0%, 55%.
What colors pair best with #697373 for interface design?
#697373 works best when paired with crisp white text or high-contrast accent colors like bright coral or electric blue. Because the base tone is so muted and desaturated, it recedes visually, allowing vibrant saturation to take center stage without creating eye strain.
Is #697373 considered a warm or cool color?
#697373 is decidedly cool, leaning into its cyan and grey undertones. While it functions as a neutral, the underlying blue-green spectrum gives it a much colder presence than a traditional beige or warm grey, making it ideal for clinical, technological, or analytical design environments.
Is #697373 readable on white or black?
#697373 has a 4.88:1 contrast ratio on white and 4.30: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.