Example HEX: #788493
What does gray communicate?
Gray is a flexible neutral that supports hierarchy without overpowering other colors. Color associations depend on culture, audience, context and the specific shade used.
Where is gray used?
Use gray for secondary text, dividers, surfaces, icons and professional interfaces. Consider the intended audience and the surrounding visual system before making a decision.
Key properties of gray
Neutrality, structure and restraint. Saturation, lightness and neighboring colors can significantly change how a shade feels. A muted shade may read differently from a bright, saturated version of the same hue.
Design tips and combinations
Choose gray with enough contrast against the background for accessibility. For important text and controls, test contrast rather than assuming a combination is accessible.
Accessibility considerations
For ordinary text, WCAG guidance generally recommends a contrast ratio of at least 4.5:1, and 3:1 for large text. Do not use color as the only way to communicate important information.
Try this color
Open the PickColor palette generator and enter #788493 in the HEX field to explore harmonies.