HEX #F5A302 color — Web Orange
The color #F5A302 is a light shade and highly saturated.
Palette
F5A302 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 |
| #F50303 |
rgb(245,3,3) |
hsl(360,98%,49%) |
| #F5A302 |
rgb(245,163,2) |
hsl(40,98%,48%) |
| #A5F502 |
rgb(165,245,2) |
hsl(80,98%,48%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FDBF48 |
rgb(253,191,72) |
hsl(39,98%,64%) |
| #FDB321 |
rgb(253,179,33) |
hsl(40,98%,56%) |
| #F5A302 |
rgb(245,163,2) |
hsl(40,98%,48%) |
| #CD8A01 |
rgb(205,138,1) |
hsl(40,99%,40%) |
| #A66E01 |
rgb(166,110,1) |
hsl(40,99%,33%) |
| #7F5401 |
rgb(127,84,1) |
hsl(40,98%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #F5A302 |
rgb(245,163,2) |
hsl(40,98%,48%) |
| #02CFF5 |
rgb(2,207,245) |
hsl(189,98%,48%) |
| #2903F5 |
rgb(41,3,245) |
hsl(249,98%,49%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #F5A302 |
rgb(245,163,2) |
hsl(40,98%,48%) |
| #0254F5 |
rgb(2,84,245) |
hsl(220,98%,48%) |
| #F52902 |
rgb(245,41,2) |
hsl(10,98%,48%) |
| #2903F5 |
rgb(41,3,245) |
hsl(249,98%,49%) |
