Bronze (#cd7f32) Web Color For Web Page Design

Everything about Bronze (#cd7f32) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

Bronze (#cd7f32) Color Hex

Bronze (#cd7f32) rgb(205, 127, 50)

Color spaces of Bronze (#cd7f32)

RGB20512750
HSL0.080.610.50
HSV307681
CMYK0.000.380.76 0.20
XYZ33.341928.38826.7398
Yxy0.48700.4146
Hunter Lab53.280518.460929.7964
CIE-Lab60.237824.020052.3296

Base Numbers

BaseRedGreenBlue
Binary110011010111111100110010
Octal31517762
Decimal20512750
HexCD7F32

Shades of Bronze (#cd7f32)

Copied!
HEX toggle hex RGB
#cd7f32 #b9722d #a46628 #905923 #7b4c1e #674019 #523314 #3e260f #29190a #140d05 #000000

Tints of Bronze (#cd7f32)

Copied!
HEX toggle hex RGB
#c67f3a #c18345 #bf8852 #c09163 #c49d76 #caab8c #d3bca5 #dfcfc0 #ede6de #ffffff

RGB Percentages of Color Bronze (#cd7f32)

Red
Green
Blue

CMYK Percentages of Color Bronze (#cd7f32)

Cyan
Magenta
Yellow
Black

Analogous Colors of Bronze (#cd7f32)

Copied!
HEX toggle hex RGB
#cd7f32 #ffff00 #80ff00 #00ff00

Triadic Colors of Bronze (#cd7f32) separated with 120° angle

Copied!
HEX toggle hex RGB
#cd7f32 #32cd80 #8032cd

Tetradic Colors of Bronze (#cd7f32) separated with 90° angle

Copied!
HEX toggle hex RGB
#cd7f32 #32cd32 #3280cd #cd32cd

Monochromatic Colors of Bronze (#cd7f32)

Copied!
HEX toggle hex RGB
#674019 #905923 #ae6c2a #d59351 #dca66f

Complementary Color

Copied!
HEX toggle hex RGB
#cd7f32 #3280cd

Pastel variations

Copied!
HEX toggle hex RGB
#e6b773 #806640 #e6dccf #bf8530

Soft variations

Copied!
HEX toggle hex RGB
#ccb38f #807059 #e6dccf #bf9860

Light variations

Copied!
HEX toggle hex RGB
#ffe5bf #bf9860 #fff5e6 #ffcb80

Hard variations

Copied!
HEX toggle hex RGB
#ff9700 #995b00 #fff5e6 #ffc166

Pale variations

Copied!
HEX toggle hex RGB
#d9d0c3 #807a73 #fff5e6 #bfb7ac

Bronze (#cd7f32) Color Preview on Black Background

This is Bronze (#cd7f32) on a black background

Bronze (#cd7f32) Color Preview on White Background

This is Bronze (#cd7f32) on a white background

Bronze (#cd7f32) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

Bronze (#cd7f32) Text Font Color

This is a sample text written with the Bronze (#cd7f32) color.
This is a strong text written with the Bronze (#cd7f32) as well.

Bronze (#cd7f32) Background Color

                <div style="background-color:Bronze (#cd7f32)">
                    Text on the Bronze (#cd7f32) color
                </div>

Bronze (#cd7f32) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(205, 127, 50);">Text here</p>

This is a text with rgb(205, 127, 50) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #cd7f32;
                  -webkit-box-shadow: 1px 1px 3px 2px #cd7f32;
                  box-shadow:         1px 1px 3px 2px #cd7f32;">
                    Div content here
                </div>
An html Div with text shadow using #cd7f32 color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Bronze Farm Boy of Russet Earth
Copied!
share
HEX toggle hex RGB
Ravenclaw Art Nouveau
Copied!
share
HEX toggle hex RGB
Angura
Copied!
share
HEX toggle hex RGB
Bronze Palette
Copied!
share
HEX toggle hex RGB
-Calming
Copied!
share
HEX toggle hex RGB
Flowers in bronze pot
Copied!
share
HEX toggle hex RGB
Saturns Orange Color Palette
Copied!
share
HEX toggle hex RGB
Feandradee
Copied!
share
HEX toggle hex RGB
Ian12
Copied!
share
HEX toggle hex RGB
Honey Factory
Copied!
share
HEX toggle hex RGB
Ovi Pure Minerals
Copied!
share
HEX toggle hex RGB
Pearl Cove
Copied!
share
HEX toggle hex RGB
Ravenclaw House Book Colors
Copied!
share
HEX toggle hex RGB
Boo Tastic
Copied!
share
HEX toggle hex RGB
Lupus or Catus Halloween 2
Copied!
share
HEX toggle hex RGB
Cupcake ghosty
Copied!
share
HEX toggle hex RGB
Warm Halloween Wedding
Copied!
share
HEX toggle hex RGB
Agate and Pearls
Copied!
share
HEX toggle hex RGB
Metallic Agate
Copied!
share
HEX toggle hex RGB
INT House
Copied!
share
HEX toggle hex RGB
Rusty Forest
Copied!
share
HEX toggle hex RGB
Ginger Blood Orange
Copied!
share
HEX toggle hex RGB
Crocorcair
Copied!
share
HEX toggle hex RGB
Winning metals
Copied!
share
HEX toggle hex RGB
A Study in Pink
Copied!
share
HEX toggle hex RGB
Calming Study
Copied!
share
HEX toggle hex RGB
5 Pure 3
Copied!
share
HEX toggle hex RGB
5 Pure 2
Copied!
share
HEX toggle hex RGB
Real out 22
Copied!
share
HEX toggle hex RGB
Outono 6 - Book
Copied!
share
HEX toggle hex RGB
Brown and purple
Copied!
share
HEX toggle hex RGB
Irish November Wedding