Color Charts
RGB
CMYK
RYB
#5a3402 Hex Color CodeThe hexadecimal color code #5a3402 is a dark shade of brown. In the RGB color model #5a3402 is comprised of 35.29% red, 20.39% green and 0.78% blue. In the HSL color space #5a3402 has a hue of 34.09 degrees, 95.65% saturation and 18.04% lightness. This color has an approximate wavelength of 599 nm.
#5a3402 Color InformationInverted
#a5cbfd 25% Saturated
#5c3400 Grayscale
#2e2e2e
25% Lighter
#704102 Original
#5a3402 25% Darker
#432701
saddlebrown
#8b4513 25% Desaturated
#4f320d Web Safe: maroon
#800000
rgb(90, 52, 2)
rgba(90, 52, 2, 1.0)
red: 27.0118%, yellow: 35.2941%, blue: 0.7843%
#5a3402
5911554
-10865662 / 0xff5a3402
hsl(34, 96%, 18%)
hsla(34, 96%, 18%, 1.0)
hue: 34 (34.0909), saturation: 98 (97.7778), value: 35 (35.2941)
X: 5.4554, Y: 4.634, Z: 0.6644
x: 0.5073, y: 0.4309, Y: 4.634
L: 25.6656, a: 13.2776, b: 34.7484
L: 25.6656, u: 28.597, v: 24.5544
L: 25.6656, C: 37.1987, H: 69.0879
L: 21.5268, a: 7.5643, b: 13.2389
cyan: 0 (0), magenta: 42 (0.4222), yellow: 98 (0.9778), key: 65 (0.6471)
cyan: 65 (0.6471), magenta: 80 (0.7961), yellow: 99 (0.9922)
Y: 57.662, I: 38.7004, Q: -7.5214
Y: 57.662, U: -27.3904, V: 28.3705
Y: 57.662, Db: -83.75, Dr: -61.504
Y: 65.534, Cb: 100.426, Cr: 148.232
Y: 56.494, Pb: -29.37, Pr: 21.3
10YR 2/6 (approximate)
#5a3402 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5a3402 to White#5a3402 to Black#5a3402 foreground
<p style="color: #5a3402">#5a3402 foreground</p>
#5a3402 background
<p style="background-color: #5a3402; color: #fff">#5a3402 background</p>
#5a3402 border
<p style="border: #5a3402 3px solid">#5a3402 border</p>
#5a3402 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5a3402, #fff); background: -webkit-radial-gradient(50% 50%, #5a3402, #fff); background: -o-radial-gradient(50% 50%, #5a3402, #fff); background: -ms-radial-gradient(50% 50%, #5a3402, #fff); background: radial-gradient(50% 50%, #5a3402, #fff); color: #fff">#5a3402 radial gradient</p>
#5a3402 linear gradient to complementary #02275a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5a3402, #02275a); background: -webkit-linear-gradient(top, #5a3402, #02275a); background: -o-linear-gradient(top, #5a3402, #02275a); background: -ms-linear-gradient(top, #5a3402, #02275a); background: linear-gradient(top, #5a3402, #02275a); color: #fff">#5a3402 linear gradient to complementary #02275a</p>
#5a3402 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5a3402">#5a3402 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5a3402 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 #5a3402.
Jump to paint brand: