#a74100
Hex Color CodeThe hexadecimal color code #a74100
is a medium dark shade of orange. In the RGB color model #a74100
is comprised of 65.49% red, 25.49% green and 0% blue. In the HSL color space #a74100
has a hue of 23.35 degrees, 100% saturation and 32.75% lightness. This color has an approximate wavelength of 605 nm.
#a74100
Color InformationInverted
#58beff 25% Saturated
#a64000 Grayscale
#535353
rgb(167, 65, 0)
rgba(167, 65, 0, 1.0)
red: 65.4902%, yellow: 41.7339%, blue: 0%
#a74100
10961152
-5816064 / 0xffa74100
hsl(23, 100%, 33%)
hsla(23, 100%, 33%, 1.0)
hue: 23 (23.3533), saturation: 100 (100), value: 65 (65.4902)
X: 17.8266, Y: 11.9961, Z: 1.3759
x: 0.5714, y: 0.3845, Y: 11.9961
L: 41.2099, a: 39.6127, b: 52.0534
L: 41.2099, u: 83.2231, v: 35.5826
L: 41.2099, C: 65.412, H: 52.7288
L: 34.6354, a: 31.2612, b: 21.8894
cyan: 0 (0), magenta: 61 (0.6108), yellow: 100 (1), key: 35 (0.3451)
cyan: 35 (0.3451), magenta: 75 (0.7451), yellow: 100 (1)
Y: 88.088, I: 81.6451, Q: 1.3447
Y: 88.088, U: -43.3466, V: 69.2307
Y: 88.088, Db: -132.545, Dr: -150.071
Y: 91.679, Cb: 84.369, Cr: 177.393
Y: 82.046, Pb: -44.23, Pr: 53.99
2.5YR 4/12 (approximate)
#a74100
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#a74100
to White#a74100
to Black#a74100
foreground
<p style="color: #a74100">#a74100 foreground</p>
#a74100
background
<p style="background-color: #a74100; color: #fff">#a74100 background</p>
#a74100
border
<p style="border: #a74100 3px solid">#a74100 border</p>
#a74100
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #a74100, #fff); background: -webkit-radial-gradient(50% 50%, #a74100, #fff); background: -o-radial-gradient(50% 50%, #a74100, #fff); background: -ms-radial-gradient(50% 50%, #a74100, #fff); background: radial-gradient(50% 50%, #a74100, #fff); color: #fff">#a74100 radial gradient</p>
#a74100
linear gradient to complementary #0066a6
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #a74100, #0066a6); background: -webkit-linear-gradient(top, #a74100, #0066a6); background: -o-linear-gradient(top, #a74100, #0066a6); background: -ms-linear-gradient(top, #a74100, #0066a6); background: linear-gradient(top, #a74100, #0066a6); color: #fff">
#a74100
linear gradient to complementary #0066a6
</p>
#a74100
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #a74100">#a74100 text shadow</p>
The matching paint colors are listed in order of relevancy to the #a74100
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 #a74100
.
Jump to paint brand: