#787670 Hex Color

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

Hex color #787670 graphic
Muted and nearly colorless, #787670 is a medium gray with a slight warm, earthy undertone. Its low saturation gives interfaces, typography, architecture, and product designs a restrained, practical feel. Use it as a supporting tone beside off-white, charcoal, or muted terracotta; as a full background, it can look heavy. Against black text, the hex code #787670 offers about 4.6:1 contrast, enough for WCAG AA body text.

Questions about #787670

What is #787670 in RGB, HSL and CMYK?
In RGB, #787670 is rgb(120, 118, 112), in HSL hsl(45, 3%, 45%) and in CMYK 0%, 2%, 7%, 53%. Browse more shades of gray with names and hex codes.
What colors pair well with #787670?
Pair #787670 with off-white, charcoal, navy, or muted terracotta for grounded contrast. Off-white keeps the palette light, while navy adds definition and terracotta introduces restrained warmth without making the gray look colorful.
Does #787670 read warm or cool?
It reads as a neutral gray with a slight warm cast because its red and green channels sit just above blue, while low saturation keeps that warmth subtle in most palettes and prevents it from feeling distinctly beige.
Where does #787670 work best in a design?
Use #787670 mainly as a supporting tone in interfaces, typography, and product palettes rather than a dominant full-page background. Its medium-dark, low-saturation value can feel heavy across large areas and may lose definition beside bright white.
Is #787670 readable on white or black?
#787670 has a 4.54:1 contrast ratio on white and 4.62: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 for body text. Try other pairs in the contrast checker.