HEX #F2A302 color — Web Orange
The color #F2A302 is a light shade and highly saturated.
Palette
F2A302 color palette from light to dark
| HEX |
RGB |
HSL |
| #fffcf5 |
rgb(255,252,245) |
hsl(40,98%,98%) |
| #fff3dc |
rgb(255,243,220) |
hsl(40,98%,93%) |
| #feeac2 |
rgb(254,234,194) |
hsl(40,98%,88%) |
| #fee2a9 |
rgb(254,226,169) |
hsl(40,98%,83%) |
| #fed990 |
rgb(254,217,144) |
hsl(40,98%,78%) |
| #fed177 |
rgb(254,209,119) |
hsl(40,98%,73%) |
| #fdc85d |
rgb(253,200,93) |
hsl(40,98%,68%) |
| #fdbf44 |
rgb(253,191,68) |
hsl(40,98%,63%) |
| #fdb72b |
rgb(253,183,43) |
hsl(40,98%,58%) |
| #fdae12 |
rgb(253,174,18) |
hsl(40,98%,53%) |
| #f2a202 |
rgb(242,162,2) |
hsl(40,98%,48%) |
| #d99102 |
rgb(217,145,2) |
hsl(40,98%,43%) |
| #c08102 |
rgb(192,129,2) |
hsl(40,98%,38%) |
| #a77002 |
rgb(167,112,2) |
hsl(40,98%,33%) |
| #8d5f01 |
rgb(141,95,1) |
hsl(40,98%,28%) |
| #744e01 |
rgb(116,78,1) |
hsl(40,98%,23%) |
| #5b3d01 |
rgb(91,61,1) |
hsl(40,98%,18%) |
| #422c01 |
rgb(66,44,1) |
hsl(40,98%,13%) |
| #281b00 |
rgb(40,27,0) |
hsl(40,98%,8%) |
| #0f0a00 |
rgb(15,10,0) |
hsl(40,98%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #F20302 |
rgb(242,3,2) |
hsl(0,98%,48%) |
| #F2A302 |
rgb(242,163,2) |
hsl(40,98%,48%) |
| #A1F202 |
rgb(161,242,2) |
hsl(80,98%,48%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FDC244 |
rgb(253,194,68) |
hsl(41,98%,63%) |
| #FDB31D |
rgb(253,179,29) |
hsl(40,98%,55%) |
| #F2A302 |
rgb(242,163,2) |
hsl(40,98%,48%) |
| #CB8A01 |
rgb(203,138,1) |
hsl(41,99%,40%) |
| #A46E01 |
rgb(164,110,1) |
hsl(40,99%,32%) |
| #7D5401 |
rgb(125,84,1) |
hsl(40,98%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F2A302 |
rgb(242,163,2) |
hsl(40,98%,48%) |
| #02C9F2 |
rgb(2,201,242) |
hsl(190,98%,48%) |
| #2B03F2 |
rgb(43,3,242) |
hsl(250,98%,48%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F2A302 |
rgb(242,163,2) |
hsl(40,98%,48%) |
| #0252F2 |
rgb(2,82,242) |
hsl(220,98%,48%) |
| #F22B02 |
rgb(242,43,2) |
hsl(10,98%,48%) |
| #2B03F2 |
rgb(43,3,242) |
hsl(250,98%,48%) |
