HEX #FFBD40 color — Yellow Orange
The color #FFBD40 is a light shade and moderately saturated.
Palette
FFBD40 color palette from light to dark
HEX |
RGB |
HSL |
#fffbf5 |
rgb(255,251,245) |
hsl(39,100%,98%) |
#fff3db |
rgb(255,243,219) |
hsl(39,100%,93%) |
#ffeac2 |
rgb(255,234,194) |
hsl(39,100%,88%) |
#ffe1a8 |
rgb(255,225,168) |
hsl(39,100%,83%) |
#ffd88f |
rgb(255,216,143) |
hsl(39,100%,78%) |
#ffcf75 |
rgb(255,207,117) |
hsl(39,100%,73%) |
#ffc65c |
rgb(255,198,92) |
hsl(39,100%,68%) |
#ffbd42 |
rgb(255,189,66) |
hsl(39,100%,63%) |
#ffb429 |
rgb(255,180,41) |
hsl(39,100%,58%) |
#ffab0f |
rgb(255,171,15) |
hsl(39,100%,53%) |
#f59f00 |
rgb(245,159,0) |
hsl(39,100%,48%) |
#db8f00 |
rgb(219,143,0) |
hsl(39,100%,43%) |
#c27e00 |
rgb(194,126,0) |
hsl(39,100%,38%) |
#a86d00 |
rgb(168,109,0) |
hsl(39,100%,33%) |
#8f5d00 |
rgb(143,93,0) |
hsl(39,100%,28%) |
#754c00 |
rgb(117,76,0) |
hsl(39,100%,23%) |
#5c3c00 |
rgb(92,60,0) |
hsl(39,100%,18%) |
#422b00 |
rgb(66,43,0) |
hsl(39,100%,13%) |
#291b00 |
rgb(41,27,0) |
hsl(39,100%,8%) |
#0f0a00 |
rgb(15,10,0) |
hsl(39,100%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF4042 |
rgb(255,64,66) |
hsl(359,100%,63%) |
#FFBD40 |
rgb(255,189,64) |
hsl(39,100%,63%) |
#C1FF40 |
rgb(193,255,64) |
hsl(79,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%) |
#FFCF73 |
rgb(255,207,115) |
hsl(39,100%,73%) |
#FFBD40 |
rgb(255,189,64) |
hsl(39,100%,63%) |
#FFAB0C |
rgb(255,171,12) |
hsl(39,100%,52%) |
#D88F00 |
rgb(216,143,0) |
hsl(40,100%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#FFBD40 |
rgb(255,189,64) |
hsl(39,100%,63%) |
#40E0FF |
rgb(64,224,255) |
hsl(190,100%,63%) |
#5D40FF |
rgb(93,64,255) |
hsl(249,100%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FFBD40 |
rgb(255,189,64) |
hsl(39,100%,63%) |
#4082FF |
rgb(64,130,255) |
hsl(219,100%,63%) |
#FF5E40 |
rgb(255,94,64) |
hsl(9,100%,63%) |
#5D40FF |
rgb(93,64,255) |
hsl(249,100%,63%) |