French Beige

HEX: #A67B5B | Modern Palette

On White
3.75:1
FAIL
On Black
5.61:1
PASS

Color Specifications

HEX
#A67B5B
RGB
166, 123, 91
HSL
25°, 29% ,50%
CMYK
0, 26, 45, 35

About French Beige

French Beige (#A67B5B) is a color with RGB(166, 123, 91) and HSL(25.6°, 29.6%, 50.4%). It is commonly associated with Earthy moods. In design, it fits Muted, Warm styles and is suitable for Text, Border, Print. Its complementary color is #5B86A6, which creates strong contrast. Its triadic palette includes #5BA67B and #7B5BA6. The name comes from Beige (French/English).

  • HEX: #A67B5B
  • RGB: 166, 123, 91
  • HSL: 25.6°, 29.6%, 50.4%
  • Mood: Earthy
  • Style: Muted, Warm
  • Use case: Text, Border, Print
  • Complementary color: #5B86A6
  • Triadic colors: #5BA67B, #7B5BA6
  • The name comes from Beige (French/English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

French Beige #A67B5B is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

French Beige #A67B5B pairs with #5B86A6 as its complementary color, and #5BA67B and #7B5BA6 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

FRENCH BEIGE
Analogous

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

FRENCH BEIGE
Triadic

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

FRENCH BEIGE
Split-Complementary

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

FRENCH BEIGE
Tetradic (Square)

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

FRENCH BEIGE
Monochromatic

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

FRENCH BEIGE

Shades & Tints

The shade and tint range for French Beige #A67B5B moves from dark #110C09 tones through the base color to lighter #F6F2EE tones, making it useful for depth, hierarchy, and background variation.

FRENCH BEIGE

Color Characteristics

Mood
Earthy
Style
Muted Warm
Use case
Text Border Print

Accessibility Simulation

Deuteranopia #898959
Protanopia #81815B
Tritanopia #A87878
Achromatopsia #848484

Frequently Asked Questions

French Beige (#A67B5B) is a color with RGB(166, 123, 91) and HSL(25.6°, 29.6%, 50.4%).

#A67B5B pairs strongly with #5B86A6 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#A67B5B is suitable for Text, Border, Print and works well with Muted, Warm styles.

#A67B5B is commonly associated with Earthy.

The name French Beige is linked to Beige from French/English, meaning Natural wool, unbleached, undyed.

Name, History & Etymology

Origin Word Beige
Meaning Natural wool, unbleached, undyed
Language French/English
First Recorded Use 19th Century

History

The color beige, derived from the French word for natural wool, has been used in fashion and interiors for centuries in its raw form. As a named color, it gained popularity in the 19th century. 'French Beige' specifically doesn't have a singular, documented historical origin like a royal decree or a famous painting. Instead, it's a descriptive term that likely evolved in the fashion, textile, and paint industries to denote a specific, often sophisticated, shade of beige. The 'French' prefix often implies a certain classicism, elegance, or a particular nuance of the color that might be associated with French aesthetics.

First Recorded Use

The word "beige" itself entered the English language from French in the mid-19th century (around 1855). The specific descriptor "French Beige" likely emerged later as a marketing or descriptive term to differentiate a particular shade of beige, possibly one with a slightly pink, grey, or yellow undertone, from other beiges, or to evoke a sense of French elegance and style.

Cultural Associations

Beige, in general, is associated with neutrality, calmness, and sophistication. 'French Beige' often carries an additional connotation of understated elegance, classic style, and a certain timeless chic, aligning with perceptions of French fashion and interior design. It's often seen as a more refined or 'cooler' beige than some warmer, more yellow-toned beiges, making it popular in high-end fashion, cosmetics, and home decor for creating serene and luxurious environments.

Similar Named Colors
Chamoisee #A0785A ΔE 1.62
Dirt #9B7653 ΔE 3.55
Liver Chestnut #987456 ΔE 3.84
Pale Brown #987654 ΔE 4.31

Code Snippets

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

/* Text */
.element {
    color: #A67B5B;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #A67B5B,
        #5B86A6
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #A67B5B,
        #5B86A6
    );
}

// SCSS variable
$french-beige: #A67B5B;

// With RGB channels (useful for rgba() usage)
$french-beige-r: 166;
$french-beige-g: 123;
$french-beige-b: 91;

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