Color Charts
RGB
CMYK
RYB
#5a2c00 Hex Color CodeThe hexadecimal color code #5a2c00 is a dark shade of orange. In the RGB color model #5a2c00 is comprised of 35.29% red, 17.25% green and 0% blue. In the HSL color space #5a2c00 has a hue of 29.33 degrees, 100% saturation and 17.65% lightness. This color has an approximate wavelength of 602 nm.
#5a2c00 Color InformationInverted
#a5d3ff 25% Saturated
#5a2c00 Grayscale
#2d2d2d
25% Lighter
#703700 Original
#5a2c00 25% Darker
#432100
maroon
#800000 25% Desaturated
#4e2c0b Web Safe: maroon
#800000
rgb(90, 44, 0)
rgba(90, 44, 0, 1.0)
red: 35.2941%, yellow: 33.7596%, blue: 0%
#5a2c00
5909504
-10867712 / 0xff5a2c00
hsl(29, 100%, 18%)
hsla(29, 100%, 18%, 1.0)
hue: 29 (29.3333), saturation: 100 (100), value: 35 (35.2941)
X: 5.1171, Y: 3.975, Z: 0.4976
x: 0.5336, y: 0.4145, Y: 3.975
L: 23.5887, a: 18.1579, b: 33.5534
L: 23.5887, u: 34.0962, v: 22.014
L: 23.5887, C: 38.1516, H: 61.5793
L: 19.9375, a: 10.9231, b: 12.4766
cyan: 0 (0), magenta: 51 (0.5111), yellow: 100 (1), key: 65 (0.6471)
cyan: 65 (0.6471), magenta: 83 (0.8275), yellow: 100 (1)
Y: 52.738, I: 41.5385, Q: -3.963
Y: 52.738, U: -25.9515, V: 32.6904
Y: 52.738, Db: -79.352, Dr: -70.866
Y: 61.306, Cb: 101.876, Cr: 151.318
Y: 50.63, Pb: -27.29, Pr: 25.024
7.5YR 2/6 (approximate)
#5a2c00 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5a2c00 to White#5a2c00 to Black#5a2c00 foreground
<p style="color: #5a2c00">#5a2c00 foreground</p>
#5a2c00 background
<p style="background-color: #5a2c00; color: #fff">#5a2c00 background</p>
#5a2c00 border
<p style="border: #5a2c00 3px solid">#5a2c00 border</p>
#5a2c00 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5a2c00, #fff); background: -webkit-radial-gradient(50% 50%, #5a2c00, #fff); background: -o-radial-gradient(50% 50%, #5a2c00, #fff); background: -ms-radial-gradient(50% 50%, #5a2c00, #fff); background: radial-gradient(50% 50%, #5a2c00, #fff); color: #fff">#5a2c00 radial gradient</p>
#5a2c00 linear gradient to complementary #002d5a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5a2c00, #002d5a); background: -webkit-linear-gradient(top, #5a2c00, #002d5a); background: -o-linear-gradient(top, #5a2c00, #002d5a); background: -ms-linear-gradient(top, #5a2c00, #002d5a); background: linear-gradient(top, #5a2c00, #002d5a); color: #fff">#5a2c00 linear gradient to complementary #002d5a</p>
#5a2c00 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5a2c00">#5a2c00 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5a2c00 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 #5a2c00.
Jump to paint brand: