Mocha #967969

#967969Mocha
HEX#967969
RGBrgb(150, 121, 105)
HSLhsl(21, 18%, 50%)
HSVhsv(21, 30%, 59%)
OKLCHoklch(59.9% 0.043 50.4)
OKLABoklab(59.9% 0.028 0.033)
CMYKcmyk(0%, 19%, 30%, 41%)

Mocha (#967969) is a medium, muted orange hue. Mocha is a soft, milky brown; Pantone chose Mocha Mousse as its 2025 colour of the year.

In RGB it is made of 150 red, 121 green and 105 blue. Its HSL hue angle is 21° with 18% saturation and 50% lightness, while its perceptual OKLCH lightness is 60% with a chroma of 0.043. For print, a starting CMYK mix is 0% cyan, 19% magenta, 30% yellow and 41% black.

As a text color on white, Mocha has a contrast ratio of 4.01:1, which passes AA only for large text and UI parts. On black it reaches 5.24:1 and passes AA for normal text. If you use Mocha as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 37 for black text and Lc -73 for white text.

Its perceptual complement is #668595, close to slate gray. Colors that look most similar are gray, rose gold, slate gray. It looks fairly similar to people with red-green color blindness (ΔE 3), so its meaning mostly survives.

Contrast

Text on white · 4.01:1 Large only
Text on black · 5.24:1 AA ✓
White on Mocha · APCA Lc -73
Black on Mocha · APCA Lc 37

Shades and tints of mocha

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How mocha looks with color blindness

Protanopia: #817B68Deuteranopia: #888169Tritanopia: #9E7475Achromatopsia: #7F7F7F

Similar colors

Gray#808080Rose Gold#B76E79Slate Gray#708090Copper#B87333Caramel#AF6F09Bronze#CD7F32Olive#808000Burnt Orange#CC5500

FAQ

What is the hex code for mocha?

The hex code for mocha is #967969, which is rgb(150, 121, 105) in RGB.

What text color goes on mocha?

Black text. Its contrast with mocha is 5.24:1.

What color is the complement of mocha?

The perceptual (OKLCH) complement of #967969 is #668595.

← All named colors