#676797 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo is an ashy, desaturated shade that feels grounded and calm. With its cool, dusty undertones, #676797 works best as a supporting tone rather than a dominant base, as it can appear flat in large applications. Pair it with crisp white text to ensure readability, as this hex code provides enough contrast for small body copy.
Questions about #676797
What is #676797 in RGB, HSL and CMYK?
In RGB, #676797 is rgb(103, 103, 151), in HSL hsl(240, 19%, 50%) and in CMYK 32%, 32%, 0%, 41%.
How should I use #676797 in UI design?
#676797 serves best as a secondary or background element because its desaturated nature creates a calm, professional atmosphere without overwhelming the user. Use it alongside sharp, high-contrast charcoal or crisp white text to maintain vital readability for body copy.
Does #676797 lean warm or cool?
This hex color is definitively cool, characterized by its dusty, ashy undertones that remove the vibrancy often found in standard blues. Its muted quality makes it appear flatter than brighter indigos, so it benefits greatly from being paired with lighter, neutral accent colors.
Is #676797 readable on white or black?
#676797 has a 5.29:1 contrast ratio on white and 3.96: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.