Color Charts
RGB
CMYK
RYB
#666a46 Hex Color CodeThe hexadecimal color code #666a46 is a medium dark shade of yellow-green. In the RGB color model #666a46 is comprised of 40% red, 41.57% green and 27.45% blue. In the HSL color space #666a46 has a hue of 66.67 degrees, 20.45% saturation and 34.51% lightness. This color has an approximate wavelength of 578 nm. Coronado Paint 7685 - Woodland Park is a matching paint color.
#666a46 Color InformationInverted
#9995b9 25% Saturated
#696e41 Grayscale
#585858
25% Lighter
#7f8457 Original
#666a46 25% Darker
#4c4f34
darkolivegreen
#556b2f 25% Desaturated
#62654a Web Safe: olive
#808000
rgb(102, 106, 70)
rgba(102, 106, 70, 1.0)
red: 27.451%, yellow: 41.5686%, blue: 29.0196%
#666a46
6711878
-10065338 / 0xff666a46
hsl(67, 20%, 35%)
hsla(67, 20%, 35%, 1.0)
hue: 67 (66.6667), saturation: 34 (33.9623), value: 42 (41.5686)
X: 11.739, Y: 13.575, Z: 7.7959
x: 0.3545, y: 0.41, Y: 13.575
L: 43.6172, a: -7.9698, b: 19.7398
L: 43.6172, u: -0.6618, v: 24.6021
L: 43.6172, C: 21.288, H: 111.986
L: 36.8443, a: -7.6055, b: 13.2459
cyan: 4 (0.0377), magenta: 0 (0), yellow: 34 (0.3396), key: 58 (0.5843)
cyan: 60 (0.6), magenta: 58 (0.5843), yellow: 73 (0.7255)
Y: 100.7, I: 9.1826, Q: -12.0467
Y: 100.7, U: -15.1064, V: 1.1404
Y: 100.7, Db: -46.188, Dr: -2.48
Y: 102.498, Cb: 112.788, Cr: 128.8
Y: 102.556, Pb: -17.54, Pr: -0.344
5GY 4/4 approximate; exact match: Munsell 5GY 4/4 / #5b653c
#666a46 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#666a46 to White#666a46 to Black#666a46 foreground
<p style="color: #666a46">#666a46 foreground</p>
#666a46 background
<p style="background-color: #666a46; color: #fff">#666a46 background</p>
#666a46 border
<p style="border: #666a46 3px solid">#666a46 border</p>
#666a46 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #666a46, #fff); background: -webkit-radial-gradient(50% 50%, #666a46, #fff); background: -o-radial-gradient(50% 50%, #666a46, #fff); background: -ms-radial-gradient(50% 50%, #666a46, #fff); background: radial-gradient(50% 50%, #666a46, #fff); color: #fff">#666a46 radial gradient</p>
#666a46 linear gradient to complementary #4a456a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #666a46, #4a456a); background: -webkit-linear-gradient(top, #666a46, #4a456a); background: -o-linear-gradient(top, #666a46, #4a456a); background: -ms-linear-gradient(top, #666a46, #4a456a); background: linear-gradient(top, #666a46, #4a456a); color: #fff">#666a46 linear gradient to complementary #4a456a</p>
#666a46 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #666a46">#666a46 text shadow</p>
The matching paint colors are listed in order of relevancy to the #666a46 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 #666a46.
Jump to paint brand: