Bone

HEX: #E3DAC9 | Modern Palette

On White
1.39:1
FAIL
On Black
15.14:1
PASS

Color Specifications

HEX
#E3DAC9
RGB
227, 218, 201
HSL
39°, 31% ,83%
CMYK
0, 4, 11, 11

About Bone

Bone (#E3DAC9) is a color with RGB(227, 218, 201) and HSL(39.2°, 31.7%, 83.9%). In design, it fits Pastel, Warm styles and is suitable for Text, Background, Print. Its complementary color is #C9D2E3, which creates strong contrast. Its triadic palette includes #C9E3DA and #DAC9E3. The name comes from *bainą (Proto-Germanic).

  • HEX: #E3DAC9
  • RGB: 227, 218, 201
  • HSL: 39.2°, 31.7%, 83.9%
  • Style: Pastel, Warm
  • Use case: Text, Background, Print
  • Complementary color: #C9D2E3
  • Triadic colors: #C9E3DA, #DAC9E3
  • The name comes from *bainą (Proto-Germanic).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Bone #E3DAC9 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.
 
 
 
 
BONE
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
BONE
 
 
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

Bone #E3DAC9 pairs with #C9D2E3 as its complementary color, and #C9E3DA and #DAC9E3 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.

BONE
Analogous

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

BONE
Triadic

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

BONE
Split-Complementary

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

BONE
Tetradic (Square)

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

BONE
Monochromatic

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

BONE

Shades & Tints

The shade and tint range for Bone #E3DAC9 moves from dark #110E09 tones through the base color to lighter #F6F3EE tones, making it useful for depth, hierarchy, and background variation.

BONE

Color Characteristics

Mood
Style
Pastel Warm
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #DDDDC9
Protanopia #DBDBC9
Tritanopia #E5D8D8
Achromatopsia #DBDBDB

Frequently Asked Questions

Bone (#E3DAC9) is a color with RGB(227, 218, 201) and HSL(39.2°, 31.7%, 83.9%).

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

#E3DAC9 is suitable for Text, Background, Print and works well with Pastel, Warm styles.

The name Bone is linked to *bainą from Proto-Germanic, meaning bone.

Name, History & Etymology

Origin Word *bainą
Meaning bone
Language Proto-Germanic
First Recorded Use Old English

History

The word 'bone' has a long and stable history in the Germanic languages. It derives from Proto-Germanic *bainą, which itself comes from Proto-Indo-European *bʰoyn- (or similar reconstruction) meaning 'bone'. Cognates can be found across Germanic languages, such as 'bein' in Norwegian, Danish, and Swedish, and 'Bein' in German (though in German, 'Bein' primarily means 'leg', with 'Knochen' being the more common word for 'bone'). In Old English, it was 'bān'. The meaning has remained consistent throughout its development in English, referring to the hard, rigid form of connective tissue constituting most of the skeleton of vertebrates.

First Recorded Use

Before 900 AD

Cultural Associations

Bones hold significant cultural meaning across various societies. They are often associated with death, ancestors, and the enduring essence of a being. In many cultures, bones are used in rituals, divination, and as relics. For example, in some indigenous cultures, animal bones are used to create tools, weapons, and decorative items, and are respected as part of the animal's spirit. In Western culture, 'bone' is also used metaphorically in phrases like 'to have a bone to pick' (to have a grievance) or 'to feel it in one's bones' (to have an intuitive feeling). The color 'bone' (#e3dac9) itself evokes a sense of natural, unbleached, and aged material, often associated with antiquity, earthiness, and a subtle warmth.

Similar Named Colors
Pearl #EAE0C8 ΔE 2.85
Eggshell #F0EAD6 ΔE 3.98
Almond #EFDECD ΔE 3.99
Champagne #F7E7CE ΔE 4.59

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E3DAC9,
        #C9D2E3
    );
}

// SCSS variable
$bone: #E3DAC9;

// With RGB channels (useful for rgba() usage)
$bone-r: 227;
$bone-g: 218;
$bone-b: 201;

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