Skip to the color picker

Coffee color: #6f4e37

Coffee is #6f4e37, rgb(111, 78, 55) in RGB and oklch(45.393% 0.05677 55.637) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

25°
100%

45.4%
0.057
56°
  • Brown
  • Dark
  • Soft
  • Dusty
  • Warm
  • taupe-600
  • Black 56%

Inside sRGB: displays the same on any screen.

White text
7.44:1Readable · AA
Lc -91
Black text
2.82:1Hard to read
Lc 18

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Coffee

Similar named colors

Questions about Coffee

What is the hex code for Coffee?

The hex code for Coffee is #6f4e37. In RGB it is rgb(111, 78, 55), in HSL hsl(24.64, 33.73%, 32.55%) and in OKLCH oklch(45.393% 0.05677 55.637).

What colors go well with Coffee?

Its complementary color is #355b72. For a calmer look, pair it with the analogous colors #734a46 and #655430. Ready palettes with Coffee are shown on this page.

Is Coffee a warm or cool color?

Coffee is a warm color with an OKLCH hue of 56 degrees.

What text color is readable on Coffee?

White text is more readable on Coffee: white gives a contrast ratio of 7.44:1 and black gives 2.82:1. WCAG AA asks for at least 4.5:1 for body text.

About #6f4e37

#6f4e37 is a dusty dark brown color. In OKLCH it has 45.4% lightness, 0.057 chroma and a hue of 56°.

Inside sRGB: displays the same on any screen.

White text on it reaches 7.44:1 contrast and black text 2.82:1, so white text reads better.

The closest named color is Coffee (#6f4e37). In Tailwind CSS the closest color is taupe-600.

More dark brown colors

Lighter: #6f4e37 mixed with white

  1. 6f4e37

Darker: #6f4e37 mixed with black

  1. 6f4e37

Calmer: #6f4e37 with less saturation

  1. 6f4e37

Similar named colors

  • Coffee#6f4e37

Colors that go with #6f4e37

Complementary
#6f4e37
Analogous
#6f4e37
Triadic
#6f4e37
Split
#6f4e37