#676362 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
How should I use #676362 in a UI design?
Use #676362 primarily for secondary typographic elements or as a subtle background shade to maintain visual hierarchy without overwhelming the user. Its 5.9:1 contrast ratio against white ensures that your body text remains accessible while appearing softer than harsh black.
What colors pair well with #676362?
To create a balanced and modern interface, pair #676362 with muted tones like terracotta for a natural, earthy feel or desaturated blues for a professional, calm aesthetic. This neutral grey provides the necessary foundation to let more vibrant accent colors stand out.