HEX #FFBF40 color — Yellow Orange
The color #FFBF40 is a light shade and moderately saturated.
Palette
FFBF40 color palette from light to dark
HEX |
RGB |
HSL |
#fffcf5 |
rgb(255,252,245) |
hsl(40,100%,98%) |
#fff3db |
rgb(255,243,219) |
hsl(40,100%,93%) |
#ffebc2 |
rgb(255,235,194) |
hsl(40,100%,88%) |
#ffe2a8 |
rgb(255,226,168) |
hsl(40,100%,83%) |
#ffda8f |
rgb(255,218,143) |
hsl(40,100%,78%) |
#ffd175 |
rgb(255,209,117) |
hsl(40,100%,73%) |
#ffc95c |
rgb(255,201,92) |
hsl(40,100%,68%) |
#ffc042 |
rgb(255,192,66) |
hsl(40,100%,63%) |
#ffb829 |
rgb(255,184,41) |
hsl(40,100%,58%) |
#ffaf0f |
rgb(255,175,15) |
hsl(40,100%,53%) |
#f5a300 |
rgb(245,163,0) |
hsl(40,100%,48%) |
#db9200 |
rgb(219,146,0) |
hsl(40,100%,43%) |
#c28100 |
rgb(194,129,0) |
hsl(40,100%,38%) |
#a87000 |
rgb(168,112,0) |
hsl(40,100%,33%) |
#8f5f00 |
rgb(143,95,0) |
hsl(40,100%,28%) |
#754e00 |
rgb(117,78,0) |
hsl(40,100%,23%) |
#5c3d00 |
rgb(92,61,0) |
hsl(40,100%,18%) |
#422c00 |
rgb(66,44,0) |
hsl(40,100%,13%) |
#291b00 |
rgb(41,27,0) |
hsl(40,100%,8%) |
#0f0a00 |
rgb(15,10,0) |
hsl(40,100%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF4040 |
rgb(255,64,64) |
hsl(360,100%,63%) |
#FFBF40 |
rgb(255,191,64) |
hsl(40,100%,63%) |
#BFFF40 |
rgb(191,255,64) |
hsl(80,100%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFF2D9 |
rgb(255,242,217) |
hsl(39,100%,93%) |
#FFE0A6 |
rgb(255,224,166) |
hsl(39,100%,83%) |
#FFD173 |
rgb(255,209,115) |
hsl(40,100%,73%) |
#FFBF40 |
rgb(255,191,64) |
hsl(40,100%,63%) |
#FFAD0C |
rgb(255,173,12) |
hsl(40,100%,52%) |
#D89100 |
rgb(216,145,0) |
hsl(40,100%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#FFBF40 |
rgb(255,191,64) |
hsl(40,100%,63%) |
#40E0FF |
rgb(64,224,255) |
hsl(190,100%,63%) |
#5F40FF |
rgb(95,64,255) |
hsl(250,100%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FFBF40 |
rgb(255,191,64) |
hsl(40,100%,63%) |
#4080FF |
rgb(64,128,255) |
hsl(220,100%,63%) |
#FF5E40 |
rgb(255,94,64) |
hsl(9,100%,63%) |
#5F40FF |
rgb(95,64,255) |
hsl(250,100%,63%) |