HEX #F5A301 color — Web Orange
The color #F5A301 is a light shade and highly saturated.
Palette
F5A301 color palette from light to dark
| HEX |
RGB |
HSL |
| #fffcf5 |
rgb(255,252,245) |
hsl(40,99%,98%) |
| #fff3db |
rgb(255,243,219) |
hsl(40,99%,93%) |
| #ffeac2 |
rgb(255,234,194) |
hsl(40,99%,88%) |
| #ffe2a9 |
rgb(255,226,169) |
hsl(40,99%,83%) |
| #fed98f |
rgb(254,217,143) |
hsl(40,99%,78%) |
| #fed176 |
rgb(254,209,118) |
hsl(40,99%,73%) |
| #fec85d |
rgb(254,200,93) |
hsl(40,99%,68%) |
| #fec043 |
rgb(254,192,67) |
hsl(40,99%,63%) |
| #feb72a |
rgb(254,183,42) |
hsl(40,99%,58%) |
| #feaf10 |
rgb(254,175,16) |
hsl(40,99%,53%) |
| #f4a301 |
rgb(244,163,1) |
hsl(40,99%,48%) |
| #da9201 |
rgb(218,146,1) |
hsl(40,99%,43%) |
| #c18101 |
rgb(193,129,1) |
hsl(40,99%,38%) |
| #a77001 |
rgb(167,112,1) |
hsl(40,99%,33%) |
| #8e5f01 |
rgb(142,95,1) |
hsl(40,99%,28%) |
| #754e01 |
rgb(117,78,1) |
hsl(40,99%,23%) |
| #5b3d00 |
rgb(91,61,0) |
hsl(40,99%,18%) |
| #422c00 |
rgb(66,44,0) |
hsl(40,99%,13%) |
| #291b00 |
rgb(41,27,0) |
hsl(40,99%,8%) |
| #0f0a00 |
rgb(15,10,0) |
hsl(40,99%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F50001 |
rgb(245,0,1) |
hsl(360,100%,48%) |
| #F5A301 |
rgb(245,163,1) |
hsl(40,99%,48%) |
| #A4F501 |
rgb(164,245,1) |
hsl(80,99%,48%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FEBF46 |
rgb(254,191,70) |
hsl(39,99%,64%) |
| #FEB31F |
rgb(254,179,31) |
hsl(40,99%,56%) |
| #F5A301 |
rgb(245,163,1) |
hsl(40,99%,48%) |
| #CD8A00 |
rgb(205,138,0) |
hsl(40,100%,40%) |
| #A66E00 |
rgb(166,110,0) |
hsl(40,100%,33%) |
| #7F5400 |
rgb(127,84,0) |
hsl(40,100%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5A301 |
rgb(245,163,1) |
hsl(40,99%,48%) |
| #01CCF5 |
rgb(1,204,245) |
hsl(190,99%,48%) |
| #2900F5 |
rgb(41,0,245) |
hsl(250,100%,48%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5A301 |
rgb(245,163,1) |
hsl(40,99%,48%) |
| #0154F5 |
rgb(1,84,245) |
hsl(220,99%,48%) |
| #F52901 |
rgb(245,41,1) |
hsl(10,99%,48%) |
| #2900F5 |
rgb(41,0,245) |
hsl(250,100%,48%) |
