Brown color

Mocha #6F4E37

#6F4E37 · rgb(111, 78, 55)

Mocha is the color #6F4E37. In RGB it is rgb(111, 78, 55) — 44% red, 31% green and 22% blue. Its CMYK breakdown is 0% cyan, 30% magenta, 50% yellow and 56% black, and in HSL it sits at 25° hue, 34% saturation and 33% lightness. Mocha is not a standard CSS color name; the nearest web color is Saddle Brown (#8B4513). The closest web-safe color is #666633.

Open in color picker Convert Make a palette Check contrast

Mocha color codes

Hex#6F4E37

RGBrgb(111, 78, 55)

RGB %44%, 31%, 22%

HSLhsl(25, 34%, 33%)

HSV / HSBhsv(25, 50%, 44%)

CMYKcmyk(0%, 30%, 50%, 56%)

OKLCHoklch(45% 0.057 56)

Closest web-safe#666633

Mocha color meaning

Mocha is a balanced and versatile brown — a warm color at 33% lightness and 34% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.

Because it is balanced and versatile, mocha works best for brand colors, illustration, furnishings and accents. It is dark enough to use for text on a white page (7.4:1 contrast).

What colors go with Mocha?

Mocha pairs well with Teal Green, Wine, Dark Olive Green and Linen: Teal Green sits close to its opposite on the color wheel for strong contrast, Wine and Dark Olive Green are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around mocha in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Mocha at a glance

Color family	Brown · warm, balanced and versatile
CSS color name	No — nearest keyword is Saddle Brown (#8B4513)
As text on white	7.44:1 — passes WCAG AAA
Best text on it	White (7.44:1)
For print (CMYK)	0% cyan, 30% magenta, 50% yellow, 56% black
Full screen	Open the mocha screen — fill your display or download it in 4K

Contrast

Contrast ratio of Mocha against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 7.44:1 Black text — 2.82:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Mocha

Mocha color FAQ

What is the hex code for Mocha?

Mocha is #6F4E37, which is rgb(111, 78, 55) and hsl(25, 34%, 33%). For print it is roughly C0 M30 Y50 K56.

What colors go with Mocha?

Mocha pairs well with Teal Green, Wine, Dark Olive Green, Linen. Teal Green gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Mocha a warm or cool color?

Mocha is a warm color: its hue is 25°, on the red, orange and yellow side of the color wheel.

What text color looks best on Mocha?

White text, with a contrast ratio of 7.4:1, which meets WCAG AA for normal text. Mocha itself is also readable as text on white (7.4:1).