Gold (metallic) Color Codes

HTML, CSS or hex color code for color "Gold (metallic)" is #d4af37

Hex code #d4af37
RGB: rgb(212,175,55)
HSV: ( 45.86° , 0.74% , 212% )

Complementary Colors

Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#d4af37;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#d4af37;
}

Similar Colors by Name

Hex:
#c39953
Hex:
#ffd700
Hex:
#85754e
Hex:
#da9100
Hex:
#808000
Hex:
#cfb53b
Hex:
#e6be8a
Hex:
#b76e79
Hex:
#cba135
Hex:
#ffb300
Hex:
#b78727
Hex:
#ffcc00
Hex:
#c5b358
Hex:
#ffd700
Hex:
#d4af37

Similar Colors by Distance

Hex:
#d4af37
Distance:
0
Hex:
#cfb53b
Distance:
2.62
Hex:
#e5b73b
Distance:
3.11
Hex:
#cba135
Distance:
3.44
Hex:
#cca01d
Distance:
3.49
Hex:
#f2ba49
Distance:
3.75
Hex:
#e1ad21
Distance:
3.85
Hex:
#daa520
Distance:
3.88
Hex:
#fada5e
Distance:
4.4
Hex:
#fada5e
Distance:
4.4
Hex:
#fada5e
Distance:
4.4
Hex:
#f8d568
Distance:
4.54
Hex:
#cc9900
Distance:
4.58
Hex:
#c5b358
Distance:
4.62
Hex:
#f4c430
Distance:
4.71
Hex:
#ffdb58
Distance:
4.71
Hex:
#b8860b
Distance:
4.72
Hex:
#ffb347
Distance:
4.81
Hex:
#e3ab57
Distance:
4.86
Hex:
#eaa221
Distance:
4.88
Hex:
#b5a642
Distance:
4.91
Hex:
#ffae42
Distance:
5.02
Hex:
#e3a857
Distance:
5.04
Hex:
#9b870c
Distance:
5.06
Hex:
#f5c71a
Distance:
5.22
Hex:
#9fa91f
Distance:
5.26
Hex:
#ffcc33
Distance:
5.3
Hex:
#ffa343
Distance:
5.32
Hex:
#e1a95f
Distance:
5.34
Hex:
#e49b0f
Distance:
5.37
Hex:
#e9d66b
Distance:
5.38
Hex:
#e9d66b
Distance:
5.38
Hex:
#b78727
Distance:
5.41
Hex:
#f4ca16
Distance:
5.41
Hex:
#ecd540
Distance:
5.49

Related: