Brown

Bronze

#CD7F32
HEX
#CD7F32
RGB
rgb(205, 127, 50)
HSL
hsl(30, 61%, 50%)

Brown family

About Bronze

Bronze (#CD7F32) is a medium, moderately saturated brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Psychology

Brown evokes stability, reliability and comfort. It is the color of wood, earth and leather, so it reads as honest, rustic and warm, though in some contexts it can feel conservative or plain.

Applications

Brown is a staple of organic, coffee, chocolate, outdoor and craft brands. It works as a grounding neutral in palettes, for premium packaging, and in interior or furniture design where warmth and durability matter.

History

Browns have been made from earth pigments like umber, sienna and ochre since prehistoric times, and those same pigments still appear in artists’ palettes today under their traditional names.

Meaning

Brown represents earth, home, simplicity and reliability. It can signal wholesomeness and craftsmanship, and it often appears in brands that want to feel authentic, natural and down-to-earth.

Why use this color

Choose brown for brands and designs that need warmth, authenticity and a natural, grounded feel. It is perfect for coffee, food, outdoor and handmade products and for grounding brighter palettes.

Accessibility

Against white, #CD7F32 has a 3.1:1 contrast ratio; against black it is 6.7:1. Black text on #CD7F32 meets WCAG AA for normal text.

Fun facts

  • Artists' browns like umber and sienna are named after the regions in Italy where the earth pigments were mined.
  • Brown is essentially a dark, desaturated orange or red.
  • Coffee, chocolate and wood all owe their rich, familiar tones to brown compounds.

Shades, tints & tones

Variations

Ten lightness steps plus Bronze's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around Bronze. Each swatch is one click from your clipboard.

Complementary

#cd8032#3280cd

Analogous

#cd3232#cd8032#cdcd32

Triadic

#cd8032#32cd80#8032cd

Split-complementary

#cd8032#32cdcd#3232cd

Tetradic

#cd8032#32cd32#3280cd#cd32cd

Monochromatic

#3e260f#835220#cd8032#dfad7c#f0d9c1

Accessibility

Blindness simulator

See how Bronze is perceived with common types of color vision deficiency.

#CD7F32

Normal vision

Standard trichromatic vision, shown for reference.

#978628

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#aa9833

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#e06d6f

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#919191

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How Bronze performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on Bronze
3.14:1
AAAAAAA LargeAAA Large
AaBlack on Bronze
6.68:1
AAAAAAA LargeAAA Large

The ratio is identical whether Bronze is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put Bronze to work, with copy-all support for each.

Complementary

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

Analogous

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

Triadic

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

Monochromatic

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

Bronze (#CD7F32) is a brown-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

Bronze is #CD7F32 — rgb(205, 127, 50) / hsl(30, 61%, 50%). Bronze (#CD7F32) is a medium, moderately saturated brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Must-know facts

  • Bronze is one of 355 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #3280cd.

Related tools

These color tools pair naturally with the one you just used — keep exploring.