Metallic Gold (#d3af37) Web Color For Web Page Design

Everything about Metallic Gold (#d3af37) 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.

Metallic Gold (#d3af37) Color Hex

Metallic Gold (#d3af37) rgb(211, 175, 55)

Color spaces of Metallic Gold (#d3af37)

RGB21117555
HSL0.130.640.52
HSV477483
CMYK0.000.170.74 0.17
XYZ42.883544.78479.9985
Yxy0.43910.4585
Hunter Lab66.9213-2.728737.9866
CIE-Lab72.74990.947462.7861

Base Numbers

BaseRedGreenBlue
Binary110100111010111100110111
Octal32325767
Decimal21117555
HexD3AF37

Shades of Metallic Gold (#d3af37)

Copied!
HEX toggle hex RGB
#d3af37 #be9e32 #a98c2c #947a27 #7f6921 #6a581c #544616 #3f3511 #2a230b #151105 #000000

Tints of Metallic Gold (#d3af37)

Copied!
HEX toggle hex RGB
#c8a73b #c0a343 #bca24e #bba55d #beac70 #c3b585 #cdc39f #dad3bb #ebe8dc #ffffff

RGB Percentages of Color Metallic Gold (#d3af37)

Red
Green
Blue

CMYK Percentages of Color Metallic Gold (#d3af37)

Cyan
Magenta
Yellow
Black

Analogous Colors of Metallic Gold (#d3af37)

Copied!
HEX toggle hex RGB
#d3af37 #bbff00 #3bff00 #00ff44

Triadic Colors of Metallic Gold (#d3af37) separated with 120° angle

Copied!
HEX toggle hex RGB
#d3af37 #3ad4b3 #b33ad4

Tetradic Colors of Metallic Gold (#d3af37) separated with 90° angle

Copied!
HEX toggle hex RGB
#d3af37 #3ad466 #3a5cd4 #d43aa8

Monochromatic Colors of Metallic Gold (#d3af37)

Copied!
HEX toggle hex RGB
#6f5c18 #9b8122 #bc9d29 #dbc05c #e2cc7d

Complementary Color

Copied!
HEX toggle hex RGB
#d3af37 #3a5cd4

Pastel variations

Copied!
HEX toggle hex RGB
#e6d873 #807840 #e6e3cf #bfae30

Soft variations

Copied!
HEX toggle hex RGB
#ccc58f #807b59 #e6e3cf #bfb460

Light variations

Copied!
HEX toggle hex RGB
#fff7bf #bfb460 #fffce6 #fff080

Hard variations

Copied!
HEX toggle hex RGB
#ffe000 #998600 #fffce6 #ffec66

Pale variations

Copied!
HEX toggle hex RGB
#d9d6c3 #807e73 #fffce6 #bfbdac

Metallic Gold (#d3af37) Color Preview on Black Background

This is Metallic Gold (#d3af37) on a black background

Metallic Gold (#d3af37) Color Preview on White Background

This is Metallic Gold (#d3af37) on a white background

Metallic Gold (#d3af37) Color CSS Codes

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

Metallic Gold (#d3af37) Text Font Color

This is a sample text written with the Metallic Gold (#d3af37) color.
This is a strong text written with the Metallic Gold (#d3af37) as well.

Metallic Gold (#d3af37) Background Color

                <div style="background-color:Metallic Gold (#d3af37)">
                    Text on the Metallic Gold (#d3af37) color
                </div>

Metallic Gold (#d3af37) 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(211, 175, 55);">Text here</p>

This is a text with rgb(211, 175, 55) as a shadow color.

Div Box Shadow

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

Related palettes

Copied!
share
HEX toggle hex RGB
Lamborghini 2