Bronze #CD7F32
Bronze color codes
Bronze color meaning
Bronze is a balanced and versatile brown — a warm color at 50% lightness and 61% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.
Because it is balanced and versatile, bronze works best for brand colors, illustration, furnishings and accents. As text on white it would be too faint (3.1:1), so use it for fills and backgrounds and put black text on top (6.7:1).
What colors go with Bronze?
Bronze pairs well with Steel Blue, Cherry, Antique Gold and Linen: Steel Blue sits close to its opposite on the color wheel for strong contrast, Cherry and Antique Gold are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.
Build a full scheme around bronze in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.
Bronze at a glance
| Color family | Brown · warm, balanced and versatile |
|---|---|
| CSS color name | No — nearest keyword is Peru (#CD853F) |
| As text on white | 3.14:1 — large text only |
| Best text on it | Black (6.68:1) |
| For print (CMYK) | 0% cyan, 38% magenta, 76% yellow, 20% black |
| Full screen | Open the bronze screen — fill your display or download it in 4K |
Contrast
Contrast ratio of Bronze against white and black text (WCAG 2.1 needs 4.5:1 for body text).
Shades, tints & tones
Color harmonies
Colors similar to Bronze
Bronze color FAQ
What is the hex code for Bronze?
Bronze is #CD7F32, which is rgb(205, 127, 50) and hsl(30, 61%, 50%). For print it is roughly C0 M38 Y76 K20.
What colors go with Bronze?
Bronze pairs well with Steel Blue, Cherry, Antique Gold, Linen. Steel Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.
Is Bronze a warm or cool color?
Bronze is a warm color: its hue is 30°, on the red, orange and yellow side of the color wheel.
What text color looks best on Bronze?
Black text, with a contrast ratio of 6.7:1, which meets WCAG AA for normal text.