gold Color Codes

Hex code #ffd700
RGB: rgb(255,215,0)
HSV: ( 50.59° , 1% , 255% )

Complementary Colors

#998100
#CCAC00
#0015FF
#0011CC

Analogous Colors

#FF3C00
#DA7707
#BEDA07
#91FF00

Triad Colors

#00FFD5
#A38A00
#D500FF
#8800A3

Tetrad Colors

#002BFF
#00FFD5
#A38A00
#D500FF

Sample CSS Code: Text Color

.your-text
{
    color:#ffd700;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#ffd700
Distance:
0
Hex:
#ffd700
Distance:
0
Hex:
#ffd800
Distance:
0.97
Hex:
#ffd300
Distance:
1.93
Hex:
#ffd300
Distance:
1.93
Hex:
#ffdb00
Distance:
1.93
Hex:
#ffdf00
Distance:
2.73
Hex:
#fedf00
Distance:
2.77
Hex:
#efcc00
Distance:
3.04
Hex:
#ffcc00
Distance:
3.2
Hex:
#ffcc00
Distance:
3.2
Hex:
#eed202
Distance:
3.23
Hex:
#ffe302
Distance:
3.32
Hex:
#f4ca16
Distance:
3.51
Hex:
#ffe135
Distance:
3.68
Hex:
#f5c71a
Distance:
4.01
Hex:
#e4d00a
Distance:
4.14
Hex:
#e6e200
Distance:
4.15
Hex:
#ffdf46
Distance:
4.16
Hex:
#eee600
Distance:
4.25
Hex:
#ffeb00
Distance:
4.32
Hex:
#ffc40c
Distance:
4.35
Hex:
#fcc200
Distance:
4.35
Hex:
#f0e130
Distance:
4.35
Hex:
#ffcc33
Distance:
4.45
Hex:
#fdee00
Distance:
4.68
Hex:
#ffdb58
Distance:
4.7
Hex:
#ffbf00
Distance:
4.72
Hex:
#ffbf00
Distance:
4.72
Hex:
#ffef00
Distance:
4.73
Hex:
#ffef00
Distance:
4.73
Hex:
#ecd540
Distance:
4.78
Hex:
#fff000
Distance:
4.83
Hex:
#f4c430
Distance:
4.95
Hex:
#fada5e
Distance:
5.02
Hex:
#fada5e
Distance:
5.02
Hex:
#fada5e
Distance:
5.02
Hex:
#f5e050
Distance:
5.05
Hex:
#ffba00
Distance:
5.19
Hex:
#fefe33
Distance:
5.37
Hex:
#fff600
Distance:
5.37
Hex:
#fafa37
Distance:
5.41
Hex:
#ffff33
Distance:
5.44
Hex:
#fff700
Distance:
5.46
Hex:
#fff700
Distance:
5.46
Hex:
#ffff31
Distance:
5.48

Similar Colors by Name

Hex:
#c39953
Hex:
#d4af37
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:
#d4af37