Bronze is a medium, saturated shade in the orange color family, with a warm feel. Its HEX code is #CD7F32, which equals rgb(205, 127, 50) in RGB and hsl(30, 61%, 50%) in HSL. In print terms it converts to roughly C0 M38 Y76 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CD7F32 - RGB
205, 127, 50 - HSL
30°, 61%, 50% - CMYK
0, 38, 76, 20 - Family
Orange - Tone
Medium, saturated
About Bronze
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 6.68:1. Its complementary color is #3280CD.
Download Bronze 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…
Bronze color codes
| HEX | #CD7F32 |
|---|---|
| RGB | rgb(205, 127, 50) |
| HSL | hsl(30, 61%, 50%) |
| HSV | 30°, 76%, 80% |
| CMYK | 0%, 38%, 76%, 20% |
| Decimal | 13467442 |
Shades and tints of Bronze
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7EADD - 100
#EED4BB - 200
#E6BF99 - 300
#DEAA76 - 400
#D59454 - 500
#CD7F32 - 600
#AB6A2A - 700
#895521 - 800
#674019 - 900
#442A11 - 950
#221508
Color harmonies for Bronze
- Complementary
#3280CD≈ Soft Cerulean - Analogous −30°
#CD3232≈ Soft Red - Analogous +30°
#CDCD32≈ Soft Yellow - Triadic +120°
#32CD80≈ Soft Mint - Triadic +240°
#8032CD≈ Soft Violet - Split 150°
#32CDCD≈ Soft Cyan - Split 210°
#3232CD≈ Soft Blue
Contrast and accessibility of Bronze
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bronze | Aa | 3.14:1 | AA Large only |
| Black text on Bronze | Aa | 6.68:1 | AA (good) |
CSS code for Bronze
background-color: #CD7F32;color: #CD7F32;background-color: rgb(205, 127, 50);background-color: hsl(30, 61%, 50%);:root { --color-bronze: #CD7F32; }class="bg-[#CD7F32]"Colors similar to Bronze
- Soft Orange
#CC8033 - Peru
#CD853F - Soft Persimmon
#CC7033 - Soft Tangerine
#CC8F33 - Copper
#B87333 - Medium Dark Bright Tangerine
#C17C15 - Medium Light Soft Cinnabar
#D47A54 - Medium Light Bright Persimmon
#EA833E - Chocolate
#D2691E - Medium Light Soft Persimmon
#D48754 - Medium Dark Bright Amber
#C18D15 - Bright Orange
#E68019
More orange shades
- Orange Red
#FF4500 - Papaya Whip
#FFEFD5 - Sandy Brown
#F4A460 - Wheat
#F5DEB3 - Amber
#FFBF00 - Champagne
#F7E7CE - Copper
#B87333 - Marigold
#EAA221 - Tangerine
#F28500 - Pumpkin
#FF7518 - Apricot
#FBCEB1
Frequently asked questions
What is the HEX code for Bronze?
The HEX code for Bronze is #CD7F32.
What is the RGB value of Bronze?
Bronze has an RGB value of 205, 127, 50 (rgb(205, 127, 50)). In HSL it is 30°, 61%, 50%.
What text color should I use on Bronze?
Use black text on Bronze. White text has a contrast ratio of 3.14:1 and black text has 6.68:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bronze?
The complementary color of Bronze is #3280CD. Analogous colors #CD3232 and #CDCD32 also pair well.