HEX #F5A700 color — Web Orange
The color #f5a700 is a light shade and highly saturated.
Palette
f5a700 color palette from light to dark
HEX |
RGB |
HSL |
#fffcf5 |
rgb(255,252,245) |
hsl(41,100%,98%) |
#fff4db |
rgb(255,244,219) |
hsl(41,100%,93%) |
#ffecc2 |
rgb(255,236,194) |
hsl(41,100%,88%) |
#ffe4a8 |
rgb(255,228,168) |
hsl(41,100%,83%) |
#ffdb8f |
rgb(255,219,143) |
hsl(41,100%,78%) |
#ffd375 |
rgb(255,211,117) |
hsl(41,100%,73%) |
#ffcb5c |
rgb(255,203,92) |
hsl(41,100%,68%) |
#ffc342 |
rgb(255,195,66) |
hsl(41,100%,63%) |
#ffbb29 |
rgb(255,187,41) |
hsl(41,100%,58%) |
#ffb30f |
rgb(255,179,15) |
hsl(41,100%,53%) |
#f5a700 |
rgb(245,167,0) |
hsl(41,100%,48%) |
#db9600 |
rgb(219,150,0) |
hsl(41,100%,43%) |
#c28400 |
rgb(194,132,0) |
hsl(41,100%,38%) |
#a87300 |
rgb(168,115,0) |
hsl(41,100%,33%) |
#8f6200 |
rgb(143,98,0) |
hsl(41,100%,28%) |
#755000 |
rgb(117,80,0) |
hsl(41,100%,23%) |
#5c3f00 |
rgb(92,63,0) |
hsl(41,100%,18%) |
#422d00 |
rgb(66,45,0) |
hsl(41,100%,13%) |
#291c00 |
rgb(41,28,0) |
hsl(41,100%,8%) |
#0f0a00 |
rgb(15,10,0) |
hsl(41,100%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#F50300 |
rgb(245,3,0) |
hsl(1,100%,48%) |
#F5A700 |
rgb(245,167,0) |
hsl(41,100%,48%) |
#9FF500 |
rgb(159,245,0) |
hsl(81,100%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFC444 |
rgb(255,196,68) |
hsl(41,100%,63%) |
#FFB81D |
rgb(255,184,29) |
hsl(41,100%,56%) |
#F5A700 |
rgb(245,167,0) |
hsl(41,100%,48%) |
#CD8C00 |
rgb(205,140,0) |
hsl(41,100%,40%) |
#A67300 |
rgb(166,115,0) |
hsl(42,100%,33%) |
#7F5700 |
rgb(127,87,0) |
hsl(41,100%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#F5A700 |
rgb(245,167,0) |
hsl(41,100%,48%) |
#00C9F5 |
rgb(0,201,245) |
hsl(191,100%,48%) |
#2C00F5 |
rgb(44,0,245) |
hsl(251,100%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#F5A700 |
rgb(245,167,0) |
hsl(41,100%,48%) |
#004FF5 |
rgb(0,79,245) |
hsl(221,100%,48%) |
#F52B00 |
rgb(245,43,0) |
hsl(11,100%,48%) |
#2C00F5 |
rgb(44,0,245) |
hsl(251,100%,48%) |