HEX #FAA300 color — Web Orange
The color #FAA300 is a light shade and highly saturated.
Palette
FAA300 color palette from light to dark
HEX |
RGB |
HSL |
#fffdfa |
rgb(255,253,250) |
hsl(39,100%,99%) |
#fff4e0 |
rgb(255,244,224) |
hsl(39,100%,94%) |
#ffebc7 |
rgb(255,235,199) |
hsl(39,100%,89%) |
#ffe2ad |
rgb(255,226,173) |
hsl(39,100%,84%) |
#ffda94 |
rgb(255,218,148) |
hsl(39,100%,79%) |
#ffd17a |
rgb(255,209,122) |
hsl(39,100%,74%) |
#ffc861 |
rgb(255,200,97) |
hsl(39,100%,69%) |
#ffbf47 |
rgb(255,191,71) |
hsl(39,100%,64%) |
#ffb62e |
rgb(255,182,46) |
hsl(39,100%,59%) |
#ffad14 |
rgb(255,173,20) |
hsl(39,100%,54%) |
#faa200 |
rgb(250,162,0) |
hsl(39,100%,49%) |
#e09200 |
rgb(224,146,0) |
hsl(39,100%,44%) |
#c78100 |
rgb(199,129,0) |
hsl(39,100%,39%) |
#ad7100 |
rgb(173,113,0) |
hsl(39,100%,34%) |
#946000 |
rgb(148,96,0) |
hsl(39,100%,29%) |
#7a5000 |
rgb(122,80,0) |
hsl(39,100%,24%) |
#613f00 |
rgb(97,63,0) |
hsl(39,100%,19%) |
#472e00 |
rgb(71,46,0) |
hsl(39,100%,14%) |
#2e1e00 |
rgb(46,30,0) |
hsl(39,100%,9%) |
#140d00 |
rgb(20,13,0) |
hsl(39,100%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#FA0003 |
rgb(250,0,3) |
hsl(359,100%,49%) |
#FAA300 |
rgb(250,163,0) |
hsl(39,100%,49%) |
#AAFA00 |
rgb(170,250,0) |
hsl(79,100%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFBF4B |
rgb(255,191,75) |
hsl(39,100%,65%) |
#FFB323 |
rgb(255,179,35) |
hsl(39,100%,57%) |
#FAA300 |
rgb(250,163,0) |
hsl(39,100%,49%) |
#D28A00 |
rgb(210,138,0) |
hsl(39,100%,41%) |
#AA6E00 |
rgb(170,110,0) |
hsl(39,100%,33%) |
#825400 |
rgb(130,84,0) |
hsl(39,100%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#FAA300 |
rgb(250,163,0) |
hsl(39,100%,49%) |
#00D4FA |
rgb(0,212,250) |
hsl(189,100%,49%) |
#2600FA |
rgb(38,0,250) |
hsl(249,100%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FAA300 |
rgb(250,163,0) |
hsl(39,100%,49%) |
#0057FA |
rgb(0,87,250) |
hsl(219,100%,49%) |
#FA2600 |
rgb(250,38,0) |
hsl(9,100%,49%) |
#2600FA |
rgb(38,0,250) |
hsl(249,100%,49%) |