#697ED3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, muted indigo balances serenity with a structured, professional edge. Because it lacks high saturation, #697ed3 works best as a supporting tone or accent rather than a dominant background, where it can easily appear washed out. Pair it with deep charcoal or crisp slate grays for a sophisticated interface. The hex code for this color is #697ed3.
Questions about #697ed3
What is #697ed3 in RGB, HSL and CMYK?
In RGB, #697ed3 is rgb(105, 126, 211), in HSL hsl(228, 55%, 62%) and in CMYK 50%, 40%, 0%, 17%.
What colors pair well with #697ed3 for a professional look?
This muted indigo pairs beautifully with charcoal or deep slate grays to create a grounded, high-contrast interface. For a more vibrant approach, using warm, earthy accents like soft terracotta provides a balanced, harmonious contrast that prevents the indigo from feeling too cold.
Is #697ed3 readable on white or black?
#697ed3 has a 3.80:1 contrast ratio on white and 5.52: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.