Color Charts
RGB
CMYK
RYB
#aa0022 / #a02 Hex Color CodeThe hexadecimal color code #aa0022 / #a02 is a medium dark shade of pink-red. In the RGB color model #aa0022 is comprised of 66.67% red, 0% green and 13.33% blue. In the HSL color space #aa0022 has a hue of 348 degrees, 100% saturation and 33.33% lightness. This color has an approximate wavelength of 401 nm.
#aa0022 Color InformationInverted
#55ffdd 25% Saturated
#a90021 Grayscale
#545454
rgb(170, 0, 34)
rgba(170, 0, 34, 1.0)
red: 66.6667%, yellow: 0%, blue: 13.3333%
#aa0022 / #a02
11141154
-5636062 / 0xffaa0022
hsl(348, 100%, 33%)
hsla(348, 100%, 33%, 1.0)
hue: 348 (348), saturation: 100 (100), value: 67 (66.6667)
X: 16.8663, Y: 8.6615, Z: 2.2963
x: 0.6062, y: 0.3113, Y: 8.6615
L: 35.3243, a: 59.747, b: 33.2336
L: 35.3243, u: 110.746, v: 17.8716
L: 35.3243, C: 68.368, H: 29.0845
L: 29.4305, a: 50.793, b: 15.9753
cyan: 0 (0), magenta: 100 (1), yellow: 80 (0.8), key: 33 (0.3333)
cyan: 33 (0.3333), magenta: 100 (1), yellow: 87 (0.8667)
Y: 54.706, I: 90.3488, Q: 46.5261
Y: 54.706, U: -10.1881, V: 101.1497
Y: 54.706, Db: -31.178, Dr: -219.232
Y: 63.022, Cb: 117.766, Cr: 200.216
Y: 38.658, Pb: -2.55, Pr: 83.436
7.5R 3/12 (approximate)
#aa0022 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#aa0022 to White#aa0022 to Black#aa0022 foreground
<p style="color: #aa0022">#aa0022 foreground</p>
#aa0022 background
<p style="background-color: #aa0022; color: #fff">#aa0022 background</p>
#aa0022 border
<p style="border: #aa0022 3px solid">#aa0022 border</p>
#aa0022 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #aa0022, #fff); background: -webkit-radial-gradient(50% 50%, #aa0022, #fff); background: -o-radial-gradient(50% 50%, #aa0022, #fff); background: -ms-radial-gradient(50% 50%, #aa0022, #fff); background: radial-gradient(50% 50%, #aa0022, #fff); color: #fff">#aa0022 radial gradient</p>
#aa0022 linear gradient to complementary #00a988
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #aa0022, #00a988); background: -webkit-linear-gradient(top, #aa0022, #00a988); background: -o-linear-gradient(top, #aa0022, #00a988); background: -ms-linear-gradient(top, #aa0022, #00a988); background: linear-gradient(top, #aa0022, #00a988); color: #fff">#aa0022 linear gradient to complementary #00a988</p>
#aa0022 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #aa0022">#aa0022 text shadow</p>
The matching paint colors are listed in order of relevancy to the #aa0022 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 #aa0022.
Jump to paint brand: