Bole

HEX: #79443B | Modern Palette

On White
7.77:1
PASS
On Black
2.70:1
FAIL

Color Specifications

HEX
#79443B
RGB
121, 68, 59
HSL
8°, 51% ,47%
CMYK
0, 43.8, 51.24, 52.55

About Bole

Bole (#79443B) is a color with RGB(121, 68, 59) and HSL(8.71°, 51.24%, 47.45%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #3B7079, which creates strong contrast. Its triadic palette includes #3B7944 and #443B79. The name comes from Bol (French).

  • HEX: #79443B
  • RGB: 121, 68, 59
  • HSL: 8.71°, 51.24%, 47.45%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Logo
  • Complementary color: #3B7079
  • Triadic colors: #3B7944, #443B79
  • The name comes from Bol (French).

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 #79443B from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #585839
Protanopia #4C4C3B
Tritanopia #7A4343
Achromatopsia #525252

Frequently Asked Questions

Bole (#79443B) is a color with RGB(121, 68, 59) and HSL(8.71°, 51.24%, 47.45%).

#79443B pairs strongly with #3B7079 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#79443B is suitable for Text, Button, Logo and works well with Warm styles.

#79443B is commonly associated with Romantic.

The name Bole is linked to Bol from French, meaning Bowl.

Name, History & Etymology

Origin Word Bol
Meaning Bowl
Language French
First Recorded Use 17th Century

History

Bole is a fine, earthy clay, typically reddish-brown, yellow, or white, that has been used since antiquity as a pigment, in medicine, and as a base for gilding. The most famous type is Armenian Bole, known for its rich red color and use in traditional iconography and manuscript illumination. It was also used as a polishing agent and as a component in some traditional medicines. Its use as a ground for gold leaf is particularly significant, as it provides a warm undertone that enhances the luster of the gold.

First Recorded Use

The term 'bole' in the context of a reddish-brown pigment or earth dates back to the 17th century, derived from the French 'bol' meaning 'bowl', referring to the shape in which the earth was often found or sold.

Cultural Associations

Armenian Bole, in particular, holds cultural significance in Eastern Orthodox Christian art, where it is traditionally used as the underpainting for gold leaf on icons. This practice gives the gold a unique warmth and depth. In other cultures, different colored boles were used for various artistic and decorative purposes, reflecting the local availability of these natural earths.

Similar Named Colors

Deep Coffee #704241 ΔE 4.23
Tuscan Red #7C4848 ΔE 4.31
Cordovan #893F45 ΔE 6.86
Chestnut #954535 ΔE 6.99

Code Snippets

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

/* Text */
.element {
    color: #79443B;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #79443B,
        #3BA5B7
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #79443B,
        #3BA5B7
    );
}

// SCSS variable
$bole: #79443B;

// With RGB channels (useful for rgba() usage)
$bole-r: 121;
$bole-g: 68;
$bole-b: 59;

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