Bone is a light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #E3DAC9, which equals rgb(227, 218, 201) in RGB and hsl(39, 32%, 84%) in HSL. In print terms it converts to roughly C0 M4 Y11 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#E3DAC9 - RGB
227, 218, 201 - HSL
39°, 32%, 84% - CMYK
0, 4, 11, 11 - Family
Brown - Tone
Light, moderately saturated
About Bone
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 15.14:1. Its complementary color is #C9D2E3.
Download Bone as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Bone color codes
| HEX | #E3DAC9 |
|---|---|
| RGB | rgb(227, 218, 201) |
| HSL | hsl(39, 32%, 84%) |
| HSV | 39°, 11%, 89% |
| CMYK | 0%, 4%, 11%, 11% |
| Decimal | 14932681 |
Shades and tints of Bone
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAF9F6 - 100
#F6F3ED - 200
#F1EDE4 - 300
#ECE6DB - 400
#E8E0D2 - 500
#E3DAC9 - 600
#BDB6A8 - 700
#979186 - 800
#726D65 - 900
#4C4943 - 950
#262422
Color harmonies for Bone
- Complementary
#C9D2E3≈ Very Pale Dusty Azure - Analogous −30°
#E3CDC9≈ Very Pale Muted Persimmon - Analogous +30°
#DFE3C9≈ Very Pale Muted Citron - Triadic +120°
#C9E3DA≈ Very Pale Muted Aquamarine - Triadic +240°
#DAC9E3≈ Very Pale Dusty Magenta - Split 150°
#C9DFE3≈ Very Pale Muted Lagoon - Split 210°
#CDC9E3≈ Very Pale Dusty Iris
Contrast and accessibility of Bone
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bone | Aa | 1.39:1 | Fails |
| Black text on Bone | Aa | 15.14:1 | AAA (excellent) |
CSS code for Bone
background-color: #E3DAC9;color: #E3DAC9;background-color: rgb(227, 218, 201);background-color: hsl(39, 32%, 84%);:root { --color-bone: #E3DAC9; }class="bg-[#E3DAC9]"Colors similar to Bone
- Very Pale Muted Amber
#E3D8BF - Very Pale Muted Marigold
#E3DCBF - Very Pale Dusty Yellow
#DADAC8 - Very Pale Dusty Gold
#DAD8C8 - Very Pale Dusty Marigold
#DAD7C8 - Pearl
#EAE0C8 - Very Pale Muted Tangerine
#E3D5BF - Very Pale Dusty Amber
#DAD5C8 - Very Pale Dusty Citron
#D8DAC8 - Very Pale Muted Gold
#E3E0BF - Very Pale Dusty Lime
#D7DAC8 - Very Pale Dusty Tangerine
#DAD3C8
More brown shades
- Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147 - Sepia
#704214 - Pearl
#EAE0C8 - Alabaster
#EDEADE - Darkest Cinnabar
#330F00 - Very Dark Cinnabar
#5C1C00 - Dark Cinnabar
#852800 - Deep Cinnabar
#AD3400 - Medium Dark Cinnabar
#D64000
Frequently asked questions
What is the HEX code for Bone?
The HEX code for Bone is #E3DAC9.
What is the RGB value of Bone?
Bone has an RGB value of 227, 218, 201 (rgb(227, 218, 201)). In HSL it is 39°, 32%, 84%.
What text color should I use on Bone?
Use black text on Bone. White text has a contrast ratio of 1.39:1 and black text has 15.14:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bone?
The complementary color of Bone is #C9D2E3. Analogous colors #E3CDC9 and #DFE3C9 also pair well.