Coffee

#6F4E37

What color is Coffee?

Coffee is a warm, medium-dark brown with reddish undertones, hex #6F4E37, close to the color of roasted walnut wood. The tone is earthy and muted, neither too yellow nor too red, sitting in a range most people recognize as the color of brewed coffee in a white cup.

What is the meaning of the color Coffee?

The name comes directly from the drink, which entered English trade and daily life by the mid-1600s, when coffeehouses spread through London after the first one opened in Oxford in 1650. The color followed the word, used to describe the distinctive brown of roasted beans and brewed liquid. As coffee became a global commodity, the color became a reliable reference point in textile and paint industries. Benjamin Moore has listed Coffee as a named paint color, anchoring it as a standard in interior color systems.

RGB
111, 78, 55
HSL
25°, 34%, 33%
CMYK
0, 30, 50, 56
HSV
25°, 50%, 44%
Coffee color

What colors go with Coffee?

Colors that pair well with Coffee include:
Cream: soft, warm harmony
Olive Green: earthy, grounded contrast
Dusty Rose: gentle, warm softness
Navy Blue: cool, striking balance
Terracotta: rich, tonal depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #6F4E37 color: #6F4E37;
RGB 111, 78, 55 color: rgb(111, 78, 55);
RGB Percentage 44%, 31%, 22% color: rgb(44%, 31%, 22%);
CMYK 0%, 30%, 50%, 56% Not supported in CSS
HSL 25°, 34%, 33% color: hsl(25, 34%, 33%);
HSV 25°, 50%, 44% Not supported in CSS
CIE-LAB 26, 7, 8 color: lab(26% 7 8);
Decimal 7294519 Not supported in CSS

Color Variations

Shades

#714F38
#654732
#5A402C
#4F3827
#443021
#38281C
#2D2016
#221811

Tints

#DDC9BA
#D2B7A3
#C7A58D
#BB9376
#B0815F
#9F704E
#885F43
#714F38

Tones

#714F38
#6E503A
#6B503D
#685140
#655143
#625246
#605249
#5D534C

Hues

#714F38
#677138
#3C7138
#38715E
#385971
#413871
#6C3871
#71384B

Color Harmonies

Analogous

#71383C
Click to copy
98%
#6F4E37
Click to copy
#716C38
Click to copy

Complementary

#6F4E37
Click to copy
#385971
Click to copy

Split Complementary

#6F4E37
Click to copy
#38716C
Click to copy
#383C71
Click to copy

Triadic

#6F4E37
Click to copy
#38714F
Click to copy
#4F3871
Click to copy

Tetradic

#6F4E37
Click to copy
#3C7138
Click to copy
#385971
Click to copy
#6C3871
Click to copy

Square

#6F4E37
Click to copy
#3C7138
Click to copy
#385971
Click to copy
#6C3871
Click to copy

CSS & Dev Snippets

CSS
.coffee {
  color: #6F4E37;
}
SCSS
$coffee: #6F4E37;
RGB
rgb(111, 78, 55)

Accessibility & Contrast

White background

7.44:1
7.44
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.82:1
2.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags