HEX #FFBD3D color — Yellow Orange
The color #FFBD3D is a light shade and moderately saturated.
Palette
FFBD3D color palette from light to dark
HEX |
RGB |
HSL |
#fffaf0 |
rgb(255,250,240) |
hsl(40,100%,97%) |
#fff1d6 |
rgb(255,241,214) |
hsl(40,100%,92%) |
#ffe9bd |
rgb(255,233,189) |
hsl(40,100%,87%) |
#ffe0a3 |
rgb(255,224,163) |
hsl(40,100%,82%) |
#ffd88a |
rgb(255,216,138) |
hsl(40,100%,77%) |
#ffcf70 |
rgb(255,207,112) |
hsl(40,100%,72%) |
#ffc757 |
rgb(255,199,87) |
hsl(40,100%,67%) |
#ffbe3d |
rgb(255,190,61) |
hsl(40,100%,62%) |
#ffb624 |
rgb(255,182,36) |
hsl(40,100%,57%) |
#ffad0a |
rgb(255,173,10) |
hsl(40,100%,52%) |
#f0a000 |
rgb(240,160,0) |
hsl(40,100%,47%) |
#d68f00 |
rgb(214,143,0) |
hsl(40,100%,42%) |
#bd7e00 |
rgb(189,126,0) |
hsl(40,100%,37%) |
#a36d00 |
rgb(163,109,0) |
hsl(40,100%,32%) |
#8a5c00 |
rgb(138,92,0) |
hsl(40,100%,27%) |
#704b00 |
rgb(112,75,0) |
hsl(40,100%,22%) |
#573a00 |
rgb(87,58,0) |
hsl(40,100%,17%) |
#3d2900 |
rgb(61,41,0) |
hsl(40,100%,12%) |
#241800 |
rgb(36,24,0) |
hsl(40,100%,7%) |
#0a0700 |
rgb(10,7,0) |
hsl(40,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#FF3D3E |
rgb(255,61,62) |
hsl(360,100%,62%) |
#FFBD3D |
rgb(255,189,61) |
hsl(40,100%,62%) |
#BFFF3D |
rgb(191,255,61) |
hsl(80,100%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFF0D4 |
rgb(255,240,212) |
hsl(39,100%,92%) |
#FFE0A2 |
rgb(255,224,162) |
hsl(40,100%,82%) |
#FFCF6F |
rgb(255,207,111) |
hsl(40,100%,72%) |
#FFBD3D |
rgb(255,189,61) |
hsl(40,100%,62%) |
#FFAB0A |
rgb(255,171,10) |
hsl(39,100%,52%) |
#D68F00 |
rgb(214,143,0) |
hsl(40,100%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#FFBD3D |
rgb(255,189,61) |
hsl(40,100%,62%) |
#3DE0FF |
rgb(61,224,255) |
hsl(190,100%,62%) |
#5C3DFF |
rgb(92,61,255) |
hsl(250,100%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#FFBD3D |
rgb(255,189,61) |
hsl(40,100%,62%) |
#3D80FF |
rgb(61,128,255) |
hsl(219,100%,62%) |
#FF5C3D |
rgb(255,92,61) |
hsl(10,100%,62%) |
#5C3DFF |
rgb(92,61,255) |
hsl(250,100%,62%) |