#747474 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, mid-tone grey sits firmly in the neutral range without leaning warm or cool. Because it maintains a stable, professional character, it works well as a background anchor in minimal interface designs. White text provides sufficient contrast against #747474 to meet accessibility standards. Use this hex code as a steady base rather than an accent, as it can appear flat in large, empty areas.
Questions about #747474
What is #747474 in RGB, HSL and CMYK?
In RGB, #747474 is rgb(116, 116, 116), in HSL hsl(0, 0%, 45%) and in CMYK 0%, 0%, 0%, 55%.
Is #747474 considered a cool or warm grey?
#747474 is a perfectly balanced neutral grey that lacks distinct warm or cool undertones. Because it sits right in the middle of the value spectrum, it avoids skewing your design palette in any specific temperature direction, making it a reliable choice for technical projects.
How should #747474 be used in UI design?
Use #747474 primarily as a secondary text color or for subtle interface elements like borders and dividers. It provides just enough contrast against white backgrounds to remain readable without the harsh, high-contrast intensity that pure black often creates on screens.
Is #747474 readable on white or black?
#747474 has a 4.67:1 contrast ratio on white and 4.49: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.