#7E8284 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7e8284 graphic
This cool, mid-tone grey provides a stable and professional base for minimal UI design. Because it sits comfortably in the neutral range, it works well as a supporting background or for typography. The hex code #7e8284 offers enough contrast for black text, ensuring readability. Use it sparingly to avoid a muddy look, pairing it with crisp, saturated accents to create visual interest.

Questions about #7e8284

What is #7e8284 in RGB, HSL and CMYK?
In RGB, #7e8284 is rgb(126, 130, 132), in HSL hsl(200, 2%, 51%) and in CMYK 5%, 2%, 0%, 48%.
What design elements pair best with #7e8284?
#7e8284 works best when paired with high-contrast, saturated accent colors like navy or burgundy to prevent a dull, muddy appearance. Its neutral, cool nature allows these bolder choices to pop without overwhelming the overall composition of your UI.
Is #7e8284 readable on white or black?
#7e8284 has a 3.87:1 contrast ratio on white and 5.41: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.