#b7a366
Hex Color CodeThe hexadecimal color code #b7a366
is a shade of yellow. In the RGB color model #b7a366
is comprised of 71.76% red, 63.92% green and 40% blue. In the HSL color space #b7a366
has a hue of 45.19 degrees, 36% saturation and 55.88% lightness. This color has an approximate wavelength of 592 nm.
#b7a366
Color InformationInverted
#485c99 25% Saturated
#c1a85b Grayscale
#8e8e8e
25% Lighter
#cdc096 Original
#b7a366 25% Darker
#917e44
darkkhaki
#bdb76b 25% Desaturated
#ac9d70 Web Safe: olive
#808000
rgb(183, 163, 102)
rgba(183, 163, 102, 1.0)
red: 50.4147%, yellow: 71.7647%, blue: 40%
#b7a366
12034918
-4742298 / 0xffb7a366
hsl(45, 36%, 56%)
hsla(45, 36%, 56%, 1.0)
hue: 45 (45.1852), saturation: 44 (44.2623), value: 72 (71.7647)
X: 35.0239, Y: 37.221, Z: 17.9088
x: 0.3885, y: 0.4129, Y: 37.221
L: 67.4425, a: -1.202, b: 34.2862
L: 67.4425, u: 16.3686, v: 43.2842
L: 67.4425, C: 34.3072, H: 92.0079
L: 61.009, a: -4.2929, b: 25.3021
cyan: 0 (0), magenta: 11 (0.1093), yellow: 44 (0.4426), key: 28 (0.2824)
cyan: 28 (0.2824), magenta: 36 (0.3608), yellow: 60 (0.6)
Y: 162.026, I: 31.5114, Q: -14.7501
Y: 162.026, U: -29.537, V: 18.4006
Y: 162.026, Db: -90.313, Dr: -39.897
Y: 155.179, Cb: 98.261, Cr: 141.111
Y: 162.868, Pb: -32.8, Pr: 12.806
5Y 7/6 approximate; exact match: Munsell 5Y 7/6 / #c8ac64
#b7a366
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#b7a366
to White#b7a366
to Black#b7a366
foreground
<p style="color: #b7a366; background-color: #000">#b7a366 foreground</p>
#b7a366
background
<p style="background-color: #b7a366">#b7a366 background</p>
#b7a366
border
<p style="border: #b7a366 3px solid">#b7a366 border</p>
#b7a366
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #b7a366, #fff); background: -webkit-radial-gradient(50% 50%, #b7a366, #fff); background: -o-radial-gradient(50% 50%, #b7a366, #fff); background: -ms-radial-gradient(50% 50%, #b7a366, #fff); background: radial-gradient(50% 50%, #b7a366, #fff)">#b7a366 radial gradient</p>
#b7a366
linear gradient to complementary #657ab7
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #b7a366, #657ab7); background: -webkit-linear-gradient(top, #b7a366, #657ab7); background: -o-linear-gradient(top, #b7a366, #657ab7); background: -ms-linear-gradient(top, #b7a366, #657ab7); background: linear-gradient(top, #b7a366, #657ab7); color: #000">
#b7a366
linear gradient to complementary #657ab7
</p>
#b7a366
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #b7a366">#b7a366 text shadow</p>
The matching paint colors are listed in order of relevancy to the #b7a366
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #b7a366
.
Jump to paint brand: