Yellow (NCS) Color Codes

Hex code #ffd300
RGB: rgb(255,211,0)
HSV: ( 49.65° , 1% , 255% )

Complementary Colors

#997F00
#CCA900
#001AFF
#0014CC

Analogous Colors

#FF3700
#DA7407
#C1DA07
#95FF00

Triad Colors

#00FFD0
#A38700
#D000FF
#8500A3

Tetrad Colors

#002FFF
#00FFD0
#A38700
#D000FF

Sample CSS Code: Text Color

.your-text
{
    color:#ffd300;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#ffd300
Distance:
0
Hex:
#ffd700
Distance:
1.93
Hex:
#ffd700
Distance:
1.93
Hex:
#ffd700
Distance:
1.93
Hex:
#ffd800
Distance:
2.16
Hex:
#ffcc00
Distance:
2.55
Hex:
#ffcc00
Distance:
2.55
Hex:
#ffdb00
Distance:
2.73
Hex:
#f4ca16
Distance:
2.93
Hex:
#efcc00
Distance:
3.09
Hex:
#eed202
Distance:
3.28
Hex:
#ffdf00
Distance:
3.35
Hex:
#fedf00
Distance:
3.38
Hex:
#f5c71a
Distance:
3.52
Hex:
#ffe302
Distance:
3.84
Hex:
#ffc40c
Distance:
3.89
Hex:
#fcc200
Distance:
3.9
Hex:
#ffe135
Distance:
3.98
Hex:
#ffcc33
Distance:
4.01
Hex:
#e4d00a
Distance:
4.18
Hex:
#ffbf00
Distance:
4.31
Hex:
#ffbf00
Distance:
4.31
Hex:
#ffdf46
Distance:
4.43
Hex:
#e6e200
Distance:
4.47
Hex:
#f4c430
Distance:
4.56
Hex:
#f0e130
Distance:
4.61
Hex:
#eee600
Distance:
4.66
Hex:
#ffeb00
Distance:
4.73
Hex:
#ecd540
Distance:
4.81
Hex:
#ffba00
Distance:
4.82
Hex:
#ffdb58
Distance:
4.86
Hex:
#fdee00
Distance:
5.06
Hex:
#ffef00
Distance:
5.11
Hex:
#ffef00
Distance:
5.11
Hex:
#fff000
Distance:
5.2
Hex:
#fada5e
Distance:
5.25
Hex:
#fada5e
Distance:
5.25
Hex:
#fada5e
Distance:
5.25
Hex:
#f5e050
Distance:
5.27
Hex:
#ffb300
Distance:
5.44
Hex:
#f8d568
Distance:
5.46

Similar Colors by Name

Hex:
#e9d66b
Hex:
#ffe135
Hex:
#0087bd
Hex:
#ffaa1d
Hex:
#737000
Hex:
#cc9966
Hex:
#fff600
Hex:
#ffef00
Hex:
#ffa700
Hex:
#ffd300
Hex:
#9b870c
Hex:
#e1a95f
Hex:
#ffff33
Hex:
#ccff00
Hex:
#ffdf00
Hex:
#009f6b
Hex:
#e9d66b
Hex:
#e3a857
Hex:
#fff44f
Hex:
#fafad2
Hex:
#ffffe0
Hex:
#d9e650
Hex:
#fafa37
Hex:
#f2ba49
Hex:
#f8de7e
Hex:
#acbf60
Hex:
#ffeb00
Hex:
#ecb176
Hex:
#ffc40c
Hex:
#f5e050
Hex:
#fada5e
Hex:
#fdfd96
Hex:
#c40233
Hex:
#fada5e
Hex:
#eed202
Hex:
#ffd800
Hex:
#ffba00
Hex:
#fada5e
Hex:
#ffcc00
Hex:
#eee600
Hex:
#ffff66
Hex:
#ffffbf
Hex:
#ffe302
Hex:
#ffff00
Hex:
#fce883
Hex:
#efcc00
Hex:
#fedf00
Hex:
#ffef00
Hex:
#fefe33
Hex:
#ffae42
Hex:
#fff000
Hex:
#fff700