HEX #6F4E37 / RGB (111, 78, 55)

Cappuccino Coffee

What is Coffee Color?

Coffee (Hex code: 6F4E37) Thumbnail

Coffee has the hex code #6F4E37. The equivalent RGB values are (111, 78, 55), which means it is composed of 45% red, 32% green and 23% blue. The CMYK color codes, used in printers, are C:0 M:30 Y:50 K:57. In the HSV/HSB scale, Coffee has a hue of 25°, 50% saturation and a brightness value of 44%.
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.

Coffee is a moderate brown color representative of the color of roasted coffee beans. unlike chocolate, it is not part of the web colors list and can only be used in HTML and CSS code with its RGB, HSB, CMYk or hex codes.

Coffee Color Codes

Hex Code#6F4E37
RGB Values(111, 78, 55)
CMYK Values(0%, 30%, 50%, 57%)
HSV/HSB Values(25°, 50%, 44%)
Closest Web Safe#666633
Inverse Color#90B1C8 [Ceil]
Closest Pantone®7568 C
Closest RAL8024 [Beige brown]
Complementary Color#37586F [Police Blue]
Coffee Converted to Grayscale Codes
Simple Average#515151
Weighted Average (Most Common)#555555
Weighted Average (Luma)#535353
Weighted Average (Gamma Adjusted)#969696

Coffee Color Palettes

Complementary color palette of 6F4E37. Complementary color is 37586F

Complementary Palette

The complement of Coffee is Police Blue with the hex code #37586F. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #6F4E37 color is offered by #37586F. 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.

Analogous color palette with (6F4E37, 6F6A37 and 6F373C)

Analogous Palette

The analogous colors of Coffee (#6F4E37) are Mustard Green (#6F6A37) and Catawba (#6F373C). In the RGB color wheel, these two analogous colors occur to the right and left of Coffee 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.

Split Complementary color palette with (6F4E37, 376F6A and 373C6F)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Coffee (#6F4E37) are #376F6A (Myrtle Green) and #373C6F (American Blue). 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.

Triadic color palette with (6F4E37, 376F4E and 4E376F)

Triadic Palette

Coffee triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #376F4E (Amazon) and #4E376F (American Blue) along with #6F4E37 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (6F4E37, 376F4E, 37586F and 6F3758)

Tetradic Palette

The tetradic palette of Coffee has four colors - #376F4E (Amazon), #37586F (Police Blue) and #6F3758 (Halayà Úbe) in addition to the base color (#6F4E37). 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.

Square color palette with (6F4E37, 3C6F37, 37586F and 6A376F)

Square Palette

Coffee square color palette has #3C6F37 (Japanese Laurel), #37586F (Police Blue) and #6A376F (Imperial). 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.

Rainbow color

Coffee Color Rainbow Palette

Our Coffee 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.

Tints, Tones & Shades of Coffee Color


  • Transparent 8C715F#8C715F
  • Transparent 9A8373#9A8373
  • Transparent A99587#A99587
  • Transparent B7A79B#B7A79B
  • Transparent C5B8AF#C5B8AF
  • Transparent D4CAC3#D4CAC3
  • Transparent E2DCD7#E2DCD7
  • Transparent F1EDEB#F1EDEB


  • Transparent 725846#725846
  • Transparent 745D4D#745D4D
  • Transparent 766254#766254
  • Transparent 78675C#78675C
  • Transparent 796C63#796C63
  • Transparent 7B716A#7B716A
  • Transparent 7D7671#7D7671
  • Transparent 7E7B79#7E7B79


  • Transparent 593E2C#593E2C
  • Transparent 4E3727#4E3727
  • Transparent 432F21#432F21
  • Transparent 38271C#38271C
  • Transparent 2C1F16#2C1F16
  • Transparent 211711#211711
  • Transparent 16100B#16100B
  • Transparent 0B0806#0B0806

Coffee Color Patterns

  • Transparent

    Coffee Gingham Checks

  • Transparent

    Coffee Vertical Stripes Pattern

  • Transparent

    Coffee Polka Dots Pattern

  • Transparent

    Coffee Honeycomb Pattern

  • Transparent

    Coffee Leaves Pattern

  • Transparent

    Coffee Houndstooth Pattern

  • Transparent

    Coffee Trellis Pattern

  • Transparent

    Coffee Plaid Pattern

Photo credits: