Goldenrod Color Codes

HTML, CSS or hex color code for color "Goldenrod" is #daa520

Hex code #daa520
RGB: rgb(218,165,32)
HSV: ( 42.9° , 0.85% , 218% )

Complementary Colors

#816213
#AD8319
#2048DA
#193AAD
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

#DA3320
#B85F23
#B8B823
#A2DA20
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#20DAA2
#8A6814
#A220DA
#67148A
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

#2058DA
#20DAA2
#8A6814
#A220DA
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:#daa520;
}

Sample CSS Code: Background Color

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

Similar Colors by Name

Hex:
#b8860b
Hex:
#fafad2
Hex:
#eee8aa

Similar Colors by Distance

Hex:
#e1ad21
Distance:
2.49
Hex:
#cc9900
Distance:
2.52
Hex:
#cca01d
Distance:
2.89
Hex:
#eaa221
Distance:
3.3
Hex:
#e5b73b
Distance:
3.58
Hex:
#e49b0f
Distance:
3.71
Hex:
#f2ba49
Distance:
3.84
Hex:
#d4af37
Distance:
3.88
Hex:
#d4af37
Distance:
3.88
Hex:
#cba135
Distance:
3.99
Hex:
#da9100
Distance:
4.16
Hex:
#b8860b
Distance:
4.36
Hex:
#f4c430
Distance:
4.52
Hex:
#cfb53b
Distance:
4.68
Hex:
#ffb347
Distance:
4.74
Hex:
#ed9121
Distance:
4.77
Hex:
#ffae42
Distance:
4.78
Hex:
#e3ab57
Distance:
4.94
Hex:
#ffcc33
Distance:
5.01
Hex:
#ffaa1d
Distance:
5.01
Hex:
#b78727
Distance:
5.1
Hex:
#fcc200
Distance:
5.1
Hex:
#ffc40c
Distance:
5.1
Hex:
#e3a857
Distance:
5.11
Hex:
#ffbf00
Distance:
5.13
Hex:
#ffbf00
Distance:
5.13
Hex:
#ffba00
Distance:
5.19
Hex:
#ff9933
Distance:
5.21
Hex:
#ffa812
Distance:
5.22
Hex:
#ffb300
Distance:
5.27
Hex:
#fb9902
Distance:
5.35
Hex:
#f5c71a
Distance:
5.37
Hex:
#ffa343
Distance:
5.39
Hex:
#e1a95f
Distance:
5.41
Hex:
#ffa700
Distance:
5.42
Hex:
#ffdb58
Distance:
5.43
Hex:
#e48400
Distance:
5.45
Hex:
#ffa500
Distance:
5.45

Related: