Bronze color: hex codes, shades and palettes

Palettes built around bronze. Click any swatch to copy its hex code.

A dark metallic-adjacent brown-gold. Like all metals it needs a gradient rather than a flat fill to read as metal at all.

#E6D4B1

#CABA8E

#ABA273

#928A3C

#ECD0AD

#CAB995

#AEA44F

#858D67

#D1C7A9

#D7D699

#907937

#C1C0EA

#D8CAAD

#C7B283

#B89C3E

#948B47

#A27E25

#BA9849

#CCB47C

#E0CFAF

#967940

#A1966F

#BFB161

#C6CF9F

#997600

#A8933E

#B2AF81

#C8CA97

#E8B271

#C4AE7F

#D5A789

#627998

#D4B964

#D4CE99

#D8C191

#85C5FF

#DCCDB2

#C5B783

#A5A46B

#84924A

#C3AB82

#D2BF8A

#A46C33

#9DBCF6

#E0D29C

#C4BA72

#9CA558

#7D8D53

#978258

#B49969

#D4B175

#DFD0AE

#E1C37F

#C3AF6B

#AD9764

#99822D

#A5804B

#C19564

#D8AE76

#E9C89E

#DABB8E

#B9A57B

#A18C63

#877640

#AD803D

#B89651

#B7B07A

#C4C67F

#B39E7B

#A79756

#C59454

#BCD4FF

#ECD190

#C8B783

#AD9C67

#9C7F23

#9B7032

#A88B5F

#CBA05D

#DBBB8D

#EBD4AB

#D2B685

#B49A5E

#9A7D44

#DFD6BB

#BEBF7A

#96A47E

#5D9446

#AF9B50

#DAD895

#C09C52

#88A2D4

#E5C49F

#D9C7AB

#947056

#BAC9FE

Bronze hex, RGB, HSL and OKLCH

#8C6B3F

HEX: #8C6B3F
RGB: rgb(140, 107, 63)
HSL: hsl(34, 38%, 40%)
OKLCH: oklch(55.1% 0.074 73.2)
On white: 4.90:1
On black: 4.29:1

Shades of bronze

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Bronze on white measures 4.90:1 and on black 4.29:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.35:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:gold. See every shade on the colors index.

Bronze color: hex codes, shades and palettes

No bronze palettes yet

Bronze hex, RGB, HSL and OKLCH

Shades of bronze

Contrast and readability