Coffee Color Code: HEX Code & RGB Code Values

Looking for specific coffee color code? Get exact coffee hex code #6F4E37 and coffee RGB code rgb(111,78,55). Complete color information for design and development projects featuring this rich, aromatic brown color.

HEX#6F4E37

RGBrgb(111,78,55)

Shades of Coffee

Create custom shades of coffee with our color generator. Adjust hues, tints, and tones to find the perfect shade of coffee for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 6F4E37

  rgb(111, 78, 55)
• 5C412F

  rgb(92, 65, 47)
• 4A3527

  rgb(74, 53, 39)
• 38291F

  rgb(56, 41, 31)
• 281E17

  rgb(40, 30, 23)
• 18120E

  rgb(24, 18, 14)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 6F4E37

  rgb(111, 78, 55)
• 876955

  rgb(135, 105, 85)
• 9F8574

  rgb(159, 133, 116)
• B7A295

  rgb(183, 162, 149)
• CFC0B7

  rgb(207, 192, 183)
• E7DFDB

  rgb(231, 223, 219)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 6F4E37

  rgb(111, 78, 55)
• 6C4F3B

  rgb(108, 79, 59)
• 69503F

  rgb(105, 80, 63)
• 655144

  rgb(101, 81, 68)
• 60524A

  rgb(96, 82, 74)
• 5B544F

  rgb(91, 84, 79)
• 808080

  rgb(128, 128, 128)

Coffee Palette

Explore curated and automatically generated color palettes featuring coffee. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#D5B49C

Light

#B29078

Medium Light

#906E57

Medium

#6F4E37

Medium Dark

#4D3829

Dark

#2D231C

Darkest

#0D0D0D

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#6F4E37

Left Dark

#917562

Left Medium

#B29D91

Left Light

#D4C8C2

Neutral

#F5F5F5

Right Light

#C4CBD2

Right Medium

#94A3B0

Right Dark

#667C8F

Complementary End

#37586F

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#B7A295

Medium

#6F4E37

Dark

#412611

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#6F3758

Left Adjacent 1

#6F373C

Main

#6F4E37

Right Adjacent 1

#6F6A37

Right Adjacent 2

#586F37

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#6F4E37

Complementary

#37586F

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#6F4E37

Secondary

#376F4E

Tertiary

#4E376F

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#6F4E37

Right 90°

#3C6F37

Complementary

#37586F

Left 90°

#6A376F

Tetradic

Two pairs of complementary colors

4 colors

Main

#6F4E37

Secondary

#586F37

Complementary

#37586F

Complementary Secondary

#4E376F

Split Complementary

Complementary colors ±30°

3 colors

Main

#6F4E37

Split Left

#376F6A

Split Right

#373C6F

Cyclic

Circular gradient for periodic data

8 colors

0°

#6F4E37

45°

#666F37

90°

#3C6F37

135°

#376F5C

180°

#37586F

225°

#40376F

270°

#6A376F

315°

#6F374A

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BAB1AB

Pastel 1

#C3BCB6

Pastel 2

#CDC6C1

Pastel 3

#D6D0CC

Pastel 4

#DFDBD8

Deep Pastel

#E8E5E3

Common Brown Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

Light Brown →

HEX:#B5651D

RGB:rgb(181, 101, 29)

Dark Brown →

HEX:#654321

RGB:rgb(101, 67, 33)

Beige →

HEX:#F5F5DC

RGB:rgb(245, 245, 220)

Extract Coffee Hex & RGB Codes from Image

Upload a photo to find the exact coffee HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Coffee Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for coffee shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #6F4E37
• RGB:
  rgb(111, 78, 55)
• CMYK:
  cmyk(0%, 30%, 50%, 56%)
• HSV:
  hsv(25°, 50%, 44%)
• HSL:
  hsl(25°, 34%, 33%)

---

What is Coffee?

Coffee is a rich, aromatic brown color named after the coffee bean. It's a warm, inviting shade that evokes feelings of comfort and warmth. This color is often associated with coffee, cafes, and cozy aesthetics.

The hex code for coffee is #6F4E37, with RGB values of rgb(111, 78, 55). It's a comforting, beautiful color that adds warmth to any design.

Design Applications

Coffee works well in coffee branding, cafe designs, and warm aesthetics. It pairs beautifully with cream, white, and gold. Use it for coffee products, cafe interiors, or to create a cozy, inviting atmosphere in your projects.

FAQ

What is the coffee hex code?

The coffee hex code is #6F4E37.

What colors complement coffee?

Coffee pairs well with cream, white, gold, and dark green.

Is coffee named after the beverage?

Yes, it's named for the color of brewed coffee.