#aea345
Hex Color CodeThe hexadecimal color code #aea345
is a shade of yellow. In the RGB color model #aea345
is comprised of 68.24% red, 63.92% green and 27.06% blue. In the HSL color space #aea345
has a hue of 53.71 degrees, 43.21% saturation and 47.65% lightness. This color has an approximate wavelength of 586 nm.
#aea345
Color InformationInverted
#515cba 25% Saturated
#bbad37 Grayscale
#797979
25% Lighter
#c4bb6b Original
#aea345 25% Darker
#827a33
darkkhaki
#bdb76b 25% Desaturated
#a09852 Web Safe: olive
#808000
rgb(174, 163, 69)
rgba(174, 163, 69, 1.0)
red: 31.8773%, yellow: 68.2353%, blue: 27.0588%
#aea345
11445061
-5332155 / 0xffaea345
hsl(54, 43%, 48%)
hsla(54, 43%, 48%, 1.0)
hue: 54 (53.7143), saturation: 60 (60.3448), value: 68 (68.2353)
X: 31.6269, Y: 35.6227, Z: 10.8392
x: 0.405, y: 0.4562, Y: 35.6227
L: 66.2306, a: -7.964, b: 49.085
L: 66.2306, u: 11.6579, v: 57.9942
L: 66.2306, C: 49.7269, H: 99.2159
L: 59.6848, a: -9.8613, b: 31.0119
cyan: 0 (0), magenta: 6 (0.0632), yellow: 60 (0.6034), key: 32 (0.3176)
cyan: 32 (0.3176), magenta: 36 (0.3608), yellow: 73 (0.7294)
Y: 155.573, I: 36.7516, Q: -26.9207
Y: 155.573, U: -42.6008, V: 16.1659
Y: 155.573, Db: -130.252, Dr: -35.061
Y: 149.632, Cb: 85.106, Cr: 139.503
Y: 158.575, Pb: -48.265, Pr: 9.824
10Y 7/8 approximate; exact match: Munsell 10Y 7/8 / #bdb143
#aea345
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#aea345
to White#aea345
to Black#aea345
foreground
<p style="color: #aea345; background-color: #000">#aea345 foreground</p>
#aea345
background
<p style="background-color: #aea345">#aea345 background</p>
#aea345
border
<p style="border: #aea345 3px solid">#aea345 border</p>
#aea345
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aea345, #fff); background: -webkit-radial-gradient(50% 50%, #aea345, #fff); background: -o-radial-gradient(50% 50%, #aea345, #fff); background: -ms-radial-gradient(50% 50%, #aea345, #fff); background: radial-gradient(50% 50%, #aea345, #fff)">#aea345 radial gradient</p>
#aea345
linear gradient to complementary #4450ad
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aea345, #4450ad); background: -webkit-linear-gradient(top, #aea345, #4450ad); background: -o-linear-gradient(top, #aea345, #4450ad); background: -ms-linear-gradient(top, #aea345, #4450ad); background: linear-gradient(top, #aea345, #4450ad); color: #000">
#aea345
linear gradient to complementary #4450ad
</p>
#aea345
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #aea345">#aea345 text shadow</p>
The matching paint colors are listed in order of relevancy to the #aea345
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 #aea345
.
Jump to paint brand: