Codes & values
- Color Name
Bronze - Color ID
KDF-C-13467442 - HEX
#CD7F32 - RGB
rgb(205, 127, 50) - RGBA
rgba(205, 127, 50, 1) - HSL
hsl(30, 61%, 50%) - HSLA
hsla(30, 61%, 50%, 1) - HSV / HSB
hsv(30, 76%, 80%) - CMYK
cmyk(0%, 38%, 76%, 20%) - Light / Dark
mid
Quick answers
- What is the HEX code for Bronze?
- #CD7F32
- What is Bronze RGB?
- rgb(205, 127, 50)
- What is Bronze HSL?
- hsl(30, 61%, 50%)
- What is Bronze CMYK?
- cmyk(0%, 38%, 76%, 20%)
What is Bronze?
Bronze is a curated orange family color at #CD7F32. It appears in our library with tags for logo, fashion. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Bronze HEX code
The HEX code for Bronze is #CD7F32. Paste it into CSS as color: #CD7F32; or background-color: #CD7F32;. Design tools accept the same six-digit value without the # prefix (cd7f32).
Bronze RGB
Bronze in RGB is rgb(205, 127, 50) (channels R 205, G 127, B 50). Use RGB when you need opacity via rgba(205, 127, 50, 1).
Bronze HSL & HSV
HSL is hsl(30, 61%, 50%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(30, 76%, 80%), closer to how many digital pickers expose hue, saturation, and brightness.
Bronze CMYK
Approximate CMYK for Bronze is cmyk(0%, 38%, 76%, 20%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Bronze
Darker shades (mixed toward black): #AB6A2A, #895521, #674019, #442A11, #221508. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Bronze
Lighter tints (mixed toward white): #D59454, #DEAA76, #E6BF99, #EED4BB, #F7EADD. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Bronze
Complementary pairing: #CD7F32, #3280CD. Analogous neighbors: #CD3232, #CD7F32, #CDCD32. Triadic accents: #CD7F32, #32CD7F, #7F32CD. Always check text contrast when pairing.
Bronze color combinations
A practical combo: primary #CD7F32, complementary accent #3280CD, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #CD7F32, #32CDCC, #3233CD.
Bronze in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Bronze in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.14:1 (better as a large accent or background than small body text); vs black 6.68:1.
Bronze metallic feel
Bronze evokes metal finishes. On screens, flat HEX is a stand-in — add subtle gradients or texture in mockups for a more realistic metal look.
Frequently asked questions
- What is the HEX code for Bronze?
- Bronze: #CD7F32.
- What is Bronze RGB?
- Bronze: rgb(205, 127, 50).
- What is Bronze HSL?
- Bronze: hsl(30, 61%, 50%).
- What is Bronze CMYK?
- Bronze: cmyk(0%, 38%, 76%, 20%).
- What colors go with Bronze?
- Try complementary #CD7F32, #3280CD or analogous #CD3232, #CD7F32, #CDCD32.
- Is Bronze good for text on white?
- Not ideal for small body text (3.14:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.14:1 (prefer large accent or background). Contrast vs black: 6.68:1. Complementary swatch: #CD7F32, #3280CD.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK