Coffee

HEX: #6F4E37 | Modern Palette

On White
7.44:1
PASS
On Black
2.82:1
FAIL

Color Specifications

HEX
#6F4E37
RGB
111, 78, 55
HSL
24°, 50% ,43%
CMYK
0, 29.73, 50.45, 56.47

About Coffee

Coffee (#6F4E37) is a color with RGB(111, 78, 55) and HSL(24.64°, 50.45%, 43.53%). It is commonly associated with Earthy moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #37586F, which creates strong contrast. Its triadic palette includes #376F4E and #4E376F. The name comes from قهوة (qahwah) (Arabic).

  • HEX: #6F4E37
  • RGB: 111, 78, 55
  • HSL: 24.64°, 50.45%, 43.53%
  • Mood: Earthy
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #37586F
  • Triadic colors: #376F4E, #4E376F
  • The name comes from قهوة (qahwah) (Arabic).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #6F4E37 from deepest shade to lightest tint.

Color Characteristics

Mood
Earthy
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #595936
Protanopia #525237
Tritanopia #714C4C
Achromatopsia #555555

Frequently Asked Questions

Coffee (#6F4E37) is a color with RGB(111, 78, 55) and HSL(24.64°, 50.45%, 43.53%).

#6F4E37 pairs strongly with #37586F as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#6F4E37 is suitable for Text, Button, Logo and works well with Warm styles.

#6F4E37 is commonly associated with Earthy.

The name Coffee is linked to قهوة (qahwah) from Arabic, meaning a type of wine; a dark, stimulating beverage.

Name, History & Etymology

Origin Word قهوة (qahwah)
Meaning a type of wine; a dark, stimulating beverage
Language Arabic
First Recorded Use Late 16th Century

History

The word 'coffee' has a fascinating journey. It originated in the Arabic word 'qahwah', which initially referred to a type of wine. Later, it came to denote the beverage we know today, likely due to its dark color and stimulating effects, similar to wine. From Arabic, it entered Ottoman Turkish as 'kahve'. From Turkish, it was borrowed into Italian as 'caffè', and then into other European languages, including French 'café' and English 'coffee'. The spread of the word closely mirrors the spread of coffee consumption itself from the Middle East to Europe and beyond.

First Recorded Use

The English word "coffee" is first attested around 1582, derived through Turkish and Italian from the Arabic.

Cultural Associations

Coffee has played a significant role in various cultures. In the Ottoman Empire, coffee houses became important social and intellectual centers. In Europe, particularly in the 17th and 18th centuries, coffee houses were hubs for political discourse, artistic discussions, and business dealings. The ritual of preparing and drinking coffee varies widely across cultures, from elaborate Turkish coffee ceremonies to Italian espresso culture and American drip coffee. It has inspired art, literature, and music, and remains a global commodity and cultural touchstone.

Similar Named Colors

Brown-nose #6B4423 ΔE 4.71
Dark Brown #654321 ΔE 5.47
Donkey Brown #664C28 ΔE 6.49
Umber #635147 ΔE 6.99

Code Snippets

/* Background */
.element {
    background-color: #6F4E37;
}

/* Text */
.element {
    color: #6F4E37;
}

/* Border */
.element {
    border: 1px solid #6F4E37;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #6F4E37,
        #3779A7
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #6F4E37,
        #3779A7
    );
}

// SCSS variable
$coffee: #6F4E37;

// With RGB channels (useful for rgba() usage)
$coffee-r: 111;
$coffee-g: 78;
$coffee-b: 55;

// Usage
.element {
    background-color: $coffee;
    color: rgba($coffee-r, $coffee-g, $coffee-b, 0.8);
}