#747D83 Hex Color

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

Hex color #747d83 graphic
This dusty, desaturated blue leans heavily into grey, making it a muted workhorse for professional UI design. Because it lacks intensity, it serves as a reliable background tone for finance or legal interfaces. The hex code #747d83 offers a 5.0:1 contrast ratio against black text, comfortably passing WCAG AA standards for small body copy. Pair it with warm creams to prevent the design from looking flat.

Questions about #747d83

What is #747d83 in RGB, HSL and CMYK?
In RGB, #747d83 is rgb(116, 125, 131), in HSL hsl(204, 6%, 48%) and in CMYK 11%, 5%, 0%, 49%.
What color combinations work best with #747d83?
Because it is a desaturated grey-blue, #747d83 pairs exceptionally well with warm creams or soft beiges to prevent a design from feeling flat. You can also ground the color by using it alongside a deep charcoal for strong visual contrast.
Is #747d83 readable on white or black?
#747d83 has a 4.19:1 contrast ratio on white and 5.00: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.