Café Noir
HEX: #4B3621 | Modern Palette
Color Specifications
#4B3621
75, 54, 33
30°, 56% ,29%
0, 28, 56, 70.59
About Café Noir
Café Noir (#4B3621) is a color with RGB(75, 54, 33) and HSL(30°, 56%, 29.41%). In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #21364B, which creates strong contrast. Its triadic palette includes #214B36 and #36214B. The name comes from Café Noir (French).
- HEX: #4B3621
- RGB: 75, 54, 33
- HSL: 30°, 56%, 29.41%
- Style: Warm
- Use case: Text, Button, Logo
- Complementary color: #21364B
- Triadic colors: #214B36, #36214B
- The name comes from Café Noir (French).
Live Components
Color Palettes
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 #4B3621 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The term 'café noir' literally translates to 'black coffee' in French. Coffee itself originated in Ethiopia and spread through the Arab world before reaching Europe in the 17th century. Initially, coffee was often consumed black. As sugar and milk became more widely available and popular additions, the need for a specific term to distinguish coffee without these additions arose. 'Café noir' served this purpose in French culture. It's a straightforward descriptive term that has remained consistent in its meaning.
First Recorded Use
While the individual words 'café' (coffee) and 'noir' (black) have much older origins, their combination 'café noir' to specifically denote black coffee became common in French-speaking cultures by the late 18th or early 19th century, coinciding with the rise of coffee houses and more specific ordering practices.
Cultural Associations
In French and many European cultures, 'café noir' is the standard way to order black coffee. It implies a simple, unadulterated coffee. It's a common order in cafes and restaurants. The term has also been adopted into other languages, sometimes directly or as an influence on their own terms for black coffee. The color 'Café Noir' (#4b3621) is a deep, dark brown, reflecting the color of strong black coffee.
Code Snippets
/* Background */
.element {
background-color: #4B3621;
}
/* Text */
.element {
color: #4B3621;
}
/* Border */
.element {
border: 1px solid #4B3621;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#4B3621,
#214B75
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#4B3621,
#214B75
);
}// SCSS variable
$café-noir: #4B3621;
// With RGB channels (useful for rgba() usage)
$café-noir-r: 75;
$café-noir-g: 54;
$café-noir-b: 33;
// Usage
.element {
background-color: $café-noir;
color: rgba($café-noir-r, $café-noir-g, $café-noir-b, 0.8);
}