Search Colors

Mocha Brown Color

HEX #6B565E / RGB (107, 86, 94)

Mocha brown coffee

What is Mocha Brown Color?

Mocha Brown (Hex code: 6B565E) Thumbnail

Mocha Brown has the hex code #6B565E. The equivalent RGB values are (107, 86, 94), which means it is composed of 37% red, 30% green and 33% blue. The CMYK color codes, used in printers, are C:0 M:20 Y:12 K:58. In the HSV/HSB scale, Mocha Brown has a hue of 337°, 20% saturation and a brightness value of 42%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Included in the RAL Design list with the number 360 40 10, Mocha Brown hex code is #6B565E with equivalent RGB (107, 86, 94). It is not a web color and cannot be applied to web pages by name. However, it can be used in HTML and CSS code by the hex, RGB or HSL values.
FYI, Mocha Brown's CMYK numbers and corresponding Pantone (PMS) color value mentioned on this page have been calculated from the hexadecimal code and are only approximations.

RAL is a popular color matching system used in several European countries including Germany, France, Italy and the UK. Please note that RAL Design catalogue is for interior colors and is different from the original RAL Classic list.

Download Mocha Brown Solid Color Background

Mocha Brown Color Codes

Hex Code#6B565E
RGB Values(107, 86, 94)
CMYK Values(0%, 20%, 12%, 58%)
HSV/HSB Values(337°, 20%, 42%)
Closest Web Safe#666666
Inverse Color#94A9A1 [Morning Blue]
Closest Pantone®405 C
Closest RAL7039 [Quartz grey]
Complementary Color#566B63 [Stormcloud]
Mocha Brown Converted to Grayscale Codes
Simple Average#606060
Weighted Average (Most Common)#5D5D5D
Weighted Average (Luma)#5B5B5B
Weighted Average (Gamma Adjusted)#9C9C9C

Mocha Brown Color Palettes

Complementary color palette of 6B565E. Complementary color is 566B63

Complementary Palette

The complement of Mocha Brown is Stormcloud with the hex code #566B63. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #6B565E color is offered by #566B63. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

6B565E 566B63
Analogous color palette with (6B565E, 6B5956 and 6B5669)

Analogous Palette

The analogous colors of Mocha Brown (#6B565E) are Wenge (#6B5956) and Granite Gray (#6B5669). In the RGB color wheel, these two analogous colors occur to the right and left of Mocha Brown with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

6B565E 6B5956 6B5669
Split Complementary color palette with (6B565E, 566B59 and 56696B)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Mocha Brown (#6B565E) are #566B59 (Ebony) and #56696B (Cadet). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

6B565E 566B59 56696B
Triadic color palette with (6B565E, 5E6B56 and 565E6B)

Triadic Palette

Mocha Brown triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #5E6B56 (Axolotl) and #565E6B (Black Coral) along with #6B565E create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

6B565E 5E6B56 565E6B
Tetradic color palette with (6B565E, 5E6B56, 566B63 and 63566B)

Tetradic Palette

The tetradic palette of Mocha Brown has four colors - #5E6B56 (Axolotl), #566B63 (Stormcloud) and #63566B (Granite Gray) in addition to the base color (#6B565E). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

6B565E 5E6B56 566B63 63566B
Square color palette with (6B565E, 696B56, 566B63 and 59566B)

Square Palette

Mocha Brown square color palette has #696B56 (Axolotl), #566B63 (Stormcloud) and #59566B (Black Coral). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

6B565E 696B56 566B63 59566B
Rainbow color

Mocha Brown Color Rainbow Palette

Our Mocha Brown rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

6B565E 6B6056 646B56 566B5A 566A6B 56586B 66566B

Tints, Tones & Shades of Mocha Brown Color


  • Transparent 89787E89787E
  • Transparent 97898E97898E
  • Transparent A69A9EA69A9E
  • Transparent B5ABAFB5ABAF
  • Transparent C4BBBFC4BBBF
  • Transparent D3CCCFD3CCCF
  • Transparent E1DDDFE1DDDF
  • Transparent F0EEEFF0EEEF


  • Transparent 6F5E656F5E65
  • Transparent 716368716368
  • Transparent 73676C73676C
  • Transparent 766B6F766B6F
  • Transparent 786F72786F72
  • Transparent 7A73767A7376
  • Transparent 7C78797C7879
  • Transparent 7E7C7D7E7C7D


  • Transparent 56454B56454B
  • Transparent 4B3C424B3C42
  • Transparent 403438403438
  • Transparent 362B2F362B2F
  • Transparent 2B22262B2226
  • Transparent 201A1C201A1C
  • Transparent 151113151113
  • Transparent 0B09090B0909

Mocha Brown Color Patterns

  • Transparent

    Mocha Brown Gingham Checks

  • Transparent

    Mocha Brown Vertical Stripes Pattern

  • Transparent

    Mocha Brown Polka Dots Pattern

  • Transparent

    Mocha Brown Honeycomb Pattern

  • Transparent

    Mocha Brown Leaves Pattern

  • Transparent

    Mocha Brown Houndstooth Pattern

  • Transparent

    Mocha Brown Trellis Pattern

  • Transparent

    Mocha Brown Plaid Pattern

Mocha Brown Color Interior Ideas

Pretty Photo frame on Mocha Brown color drawing room interior textured wall

Mocha Brown Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Mocha Brown color Living room wal color

Mocha Brown Color Living Room Wall Paint Idea

Pretty Photo frame on Mocha Brown color Bedroom interior wall color

Mocha Brown Color Bedroom Wall Paint Idea

Pretty Photo frame on Mocha Brown color kitchen interior wall color

Mocha Brown Color Kitchen Wall Paint Idea

Photo credits: