HEX #FABA3F color — Yellow Orange
The color #FABA3F is a light shade and moderately saturated.
Palette
FABA3F color palette from light to dark
HEX |
RGB |
HSL |
#fef8eb |
rgb(254,248,235) |
hsl(39,95%,96%) |
#feefd2 |
rgb(254,239,210) |
hsl(39,95%,91%) |
#fde5b9 |
rgb(253,229,185) |
hsl(39,95%,86%) |
#fddca1 |
rgb(253,220,161) |
hsl(39,95%,81%) |
#fcd388 |
rgb(252,211,136) |
hsl(39,95%,76%) |
#fbca6f |
rgb(251,202,111) |
hsl(39,95%,71%) |
#fbc156 |
rgb(251,193,86) |
hsl(39,95%,66%) |
#fab83d |
rgb(250,184,61) |
hsl(39,95%,61%) |
#f9af24 |
rgb(249,175,36) |
hsl(39,95%,56%) |
#f9a60b |
rgb(249,166,11) |
hsl(39,95%,51%) |
#e59706 |
rgb(229,151,6) |
hsl(39,95%,46%) |
#cc8605 |
rgb(204,134,5) |
hsl(39,95%,41%) |
#b37605 |
rgb(179,118,5) |
hsl(39,95%,36%) |
#9a6604 |
rgb(154,102,4) |
hsl(39,95%,31%) |
#815503 |
rgb(129,85,3) |
hsl(39,95%,26%) |
#684503 |
rgb(104,69,3) |
hsl(39,95%,21%) |
#503402 |
rgb(80,52,2) |
hsl(39,95%,16%) |
#372401 |
rgb(55,36,1) |
hsl(39,95%,11%) |
#1e1401 |
rgb(30,20,1) |
hsl(39,95%,6%) |
#050300 |
rgb(5,3,0) |
hsl(39,95%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#FA4040 |
rgb(250,64,64) |
hsl(360,95%,62%) |
#FABA3F |
rgb(250,186,63) |
hsl(39,95%,61%) |
#BDFA3F |
rgb(189,250,63) |
hsl(80,95%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FDF0D1 |
rgb(253,240,209) |
hsl(42,92%,91%) |
#FCDEA0 |
rgb(252,222,160) |
hsl(40,94%,81%) |
#FBCC6F |
rgb(251,204,111) |
hsl(40,95%,71%) |
#FABA3F |
rgb(250,186,63) |
hsl(39,95%,61%) |
#F8A80E |
rgb(248,168,14) |
hsl(39,94%,51%) |
#CF8A05 |
rgb(207,138,5) |
hsl(40,95%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#FABA3F |
rgb(250,186,63) |
hsl(39,95%,61%) |
#3FDBFA |
rgb(63,219,250) |
hsl(190,95%,61%) |
#5C40FA |
rgb(92,64,250) |
hsl(249,95%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FABA3F |
rgb(250,186,63) |
hsl(39,95%,61%) |
#3F80FA |
rgb(63,128,250) |
hsl(219,95%,61%) |
#FA5C3F |
rgb(250,92,63) |
hsl(9,95%,61%) |
#5C40FA |
rgb(92,64,250) |
hsl(249,95%,62%) |