HEX #F2A301 color — Web Orange
The color #F2A301 is a light shade and highly saturated.
Palette
F2A301 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 |
| #F20301 |
rgb(242,3,1) |
hsl(0,99%,48%) |
| #F2A301 |
rgb(242,163,1) |
hsl(40,99%,48%) |
| #A0F201 |
rgb(160,242,1) |
hsl(80,99%,48%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FEC242 |
rgb(254,194,66) |
hsl(41,99%,63%) |
| #FEB51B |
rgb(254,181,27) |
hsl(41,99%,55%) |
| #F2A301 |
rgb(242,163,1) |
hsl(40,99%,48%) |
| #CB8A00 |
rgb(203,138,0) |
hsl(41,100%,40%) |
| #A46E00 |
rgb(164,110,0) |
hsl(40,100%,32%) |
| #7D5400 |
rgb(125,84,0) |
hsl(40,100%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F2A301 |
rgb(242,163,1) |
hsl(40,99%,48%) |
| #01C9F2 |
rgb(1,201,242) |
hsl(190,99%,48%) |
| #2A00F2 |
rgb(42,0,242) |
hsl(250,100%,47%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F2A301 |
rgb(242,163,1) |
hsl(40,99%,48%) |
| #014FF2 |
rgb(1,79,242) |
hsl(221,99%,48%) |
| #F22B01 |
rgb(242,43,1) |
hsl(10,99%,48%) |
| #2A00F2 |
rgb(42,0,242) |
hsl(250,100%,47%) |
