Café Noir

HEX #4B3621 / RGB (75, 54, 33)

Red cup filled with Black coffee

What is Café Noir Color?

Café Noir (Hex code: 4B3621) Thumbnail

Café Noir has the hex code #4B3621. The equivalent RGB values are (75, 54, 33), which means it is composed of 46% red, 33% green and 20% blue. The CMYK color codes, used in printers, are C:0 M:28 Y:56 K:71. In the HSV/HSB scale, Café Noir has a hue of 30°, 56% saturation and a brightness value of 29%.
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.

Café Noir or black coffee is a very dark yellowish brown color close to black. It can be used on web pages with HTML and/or CSS via its RGB, hex and/or HSL values. The CMYK values given on the page have been calculated from the hex color code and are only approximates.

Café Noir Color Codes

Hex Code#4B3621
RGB Values(75, 54, 33)
CMYK Values(0%, 28%, 56%, 71%)
HSV/HSB Values(30°, 56%, 29%)
Closest Web Safe#333333
Inverse Color#B4C9DE [Light Steel Blue]
Closest Pantone®476 C
Closest RAL8014 [Sepia brown]
Complementary Color#21364B [Japanese Indigo]
Café Noir Converted to Grayscale Codes
Simple Average#363636
Weighted Average (Most Common)#3A3A3A
Weighted Average (Luma)#393939
Weighted Average (Gamma Adjusted)#7E7E7E

Café Noir Color Palettes

Complementary color palette of 4B3621. Complementary color is 21364B

Complementary Palette

The complement of Café Noir is Japanese Indigo with the hex code #21364B. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #4B3621 color is offered by #21364B. 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 (4B3621, 4B4B21 and 4B2121)

Analogous Palette

The analogous colors of Café Noir (#4B3621) are Army Green (#4B4B21) and Brown Coffee (#4B2121). In the RGB color wheel, these two analogous colors occur to the right and left of Café Noir 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 (4B3621, 214B4B and 21214B)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Café Noir (#4B3621) are #214B4B (Japanese Indigo) and #21214B (Space 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.

Triadic color palette with (4B3621, 214B36 and 36214B)

Triadic Palette

Café Noir triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #214B36 (Brunswick Green) and #36214B (Russian Violet) along with #4B3621 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 (4B3621, 214B36, 21364B and 4B2136)

Tetradic Palette

The tetradic palette of Café Noir has four colors - #214B36 (Brunswick Green), #21364B (Japanese Indigo) and #4B2136 (Brown Coffee) in addition to the base color (#4B3621). 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 (4B3621, 214B21, 21364B and 4B214B)

Square Palette

Café Noir square color palette has #214B21 (Cal Poly Pomona Green), #21364B (Japanese Indigo) and #4B214B (American Purple). 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

Café Noir Color Rainbow Palette

Our Café Noir 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 Café Noir Color


  • Transparent 6F5E4D#6F5E4D
  • Transparent 817264#817264
  • Transparent 93867A#93867A
  • Transparent A59B90#A59B90
  • Transparent B7AFA6#B7AFA6
  • Transparent C9C3BC#C9C3BC
  • Transparent DBD7D3#DBD7D3
  • Transparent EDEBE9#EDEBE9


  • Transparent 564534#564534
  • Transparent 5B4C3E#5B4C3E
  • Transparent 605447#605447
  • Transparent 665B51#665B51
  • Transparent 6B625A#6B625A
  • Transparent 706A64#706A64
  • Transparent 75716D#75716D
  • Transparent 7B7977#7B7977


  • Transparent 3C2B1A#3C2B1A
  • Transparent 352617#352617
  • Transparent 2D2014#2D2014
  • Transparent 261B11#261B11
  • Transparent 1E160D#1E160D
  • Transparent 17100A#17100A
  • Transparent 0F0B07#0F0B07
  • Transparent 080503#080503

Café Noir Color Patterns

  • Transparent

    Café Noir Gingham Checks

  • Transparent

    Café Noir Vertical Stripes Pattern

  • Transparent

    Café Noir Polka Dots Pattern

  • Transparent

    Café Noir Honeycomb Pattern

  • Transparent

    Café Noir Leaves Pattern

  • Transparent

    Café Noir Houndstooth Pattern

  • Transparent

    Café Noir Trellis Pattern

  • Transparent

    Café Noir Plaid Pattern

Photo credits: