Bone
#E3DAC9 · rgb(227, 218, 201) · hsl(39, 32%, 84%)
Complementary colors
#e3dac9 · #c9d2e3Analogous colors
#e3cdc9 · #e3dac9 · #dfe3c9Triadic colors
#e3dac9 · #c9e3da · #dac9e3Split-complementary colors
#e3dac9 · #c9dfe3 · #cdc9e3Tetradic colors
#e3dac9 · #c9e3cd · #c9d2e3 · #e3c9dfMonochromatic colors
#322a1a · #6c5937 · #a88c57 · #c8b593 · #e5dccdReady-made palettes with Bone
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#E3DAC9 · #c9d2e3 · #ffffff · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#e3cdc9 · #E3DAC9 · #dfe3c9 · #ffffff · #b8a075
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#E3DAC9 · #c9e3da · #dac9e3 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f8f6f2 · #d2c3a7 · #aa8e5a · #625132 · #14110a
If you are wondering what colors go with Bone, start with its opposite on the wheel — a complementary #c9d2e3 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Bone's complementary color is #c9d2e3. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.