#787878 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone grey sits squarely between light and dark, offering a stable and professional base for UI design. Because it holds a neutral, dusty character, it avoids the sterile feel of pure black while maintaining excellent legibility for body text. The hex code for this color is #787878. Pair it with vibrant accent colors to prevent your layout from looking flat or overly ashy.
Questions about #787878
What is #787878 in RGB, HSL and CMYK?
In RGB, #787878 is rgb(120, 120, 120), in HSL hsl(0, 0%, 47%) and in CMYK 0%, 0%, 0%, 53%.
How should #787878 be used in UI design?
Does #787878 lean warm or cool?
The color #787878 functions as a true neutral grey because it maintains an equal balance of undertones. It sits squarely between light and dark, making it an ideal anchor that adjusts visually depending on the surrounding colors in your design palette.
Is #787878 readable on white or black?
#787878 has a 4.41:1 contrast ratio on white and 4.75: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.