Color Charts
RGB
CMYK
RYB
#af7a73 Hex Color CodeThe hexadecimal color code #af7a73 is a shade of red. In the RGB color model #af7a73 is comprised of 68.63% red, 47.84% green and 45.1% blue. In the HSL color space #af7a73 has a hue of 7 degrees, 27.27% saturation and 56.86% lightness. This color has an approximate wavelength of 616 nm.
#af7a73 Color InformationInverted
#50858c 25% Saturated
#b6746b Grayscale
#919191
25% Lighter
#c9a5a1 Original
#af7a73 25% Darker
#8a564f
rosybrown
#bc8f8f 25% Desaturated
#a77f7a Web Safe: red
#ff0000
rgb(175, 122, 115)
rgba(175, 122, 115, 1.0)
red: 68.6275%, yellow: 48.2057%, blue: 45.098%
#af7a73
11500147
-5277069 / 0xffaf7a73
hsl(7, 27%, 57%)
hsla(7, 27%, 57%, 1.0)
hue: 7 (7), saturation: 34 (34.2857), value: 69 (68.6275)
X: 27.7332, Y: 24.2708, Z: 19.4427
x: 0.3882, y: 0.3397, Y: 24.2708
L: 56.3579, a: 19.7451, b: 12.1316
L: 56.3579, u: 35.6143, v: 12.4161
L: 56.3579, C: 23.1742, H: 31.5671
L: 49.2654, a: 14.2694, b: 11.0869
cyan: 0 (0), magenta: 30 (0.3029), yellow: 34 (0.3429), key: 31 (0.3137)
cyan: 31 (0.3137), magenta: 52 (0.5216), yellow: 55 (0.549)
Y: 137.049, I: 33.8218, Q: 9.0292
Y: 137.049, U: -10.8487, V: 33.2951
Y: 137.049, Db: -33.181, Dr: -72.168
Y: 133.733, Cb: 117.083, Cr: 151.764
Y: 132.785, Pb: -9.595, Pr: 26.822
10R 5/4 approximate; exact match: Munsell 10R 5/4 / #9f6e68
#af7a73 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#af7a73 to White#af7a73 to Black#af7a73 foreground
<p style="color: #af7a73; background-color: #000">#af7a73 foreground</p>
#af7a73 background
<p style="background-color: #af7a73">#af7a73 background</p>
#af7a73 border
<p style="border: #af7a73 3px solid">#af7a73 border</p>
#af7a73 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #af7a73, #fff); background: -webkit-radial-gradient(50% 50%, #af7a73, #fff); background: -o-radial-gradient(50% 50%, #af7a73, #fff); background: -ms-radial-gradient(50% 50%, #af7a73, #fff); background: radial-gradient(50% 50%, #af7a73, #fff)">#af7a73 radial gradient</p>
#af7a73 linear gradient to complementary #72a7af
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #af7a73, #72a7af); background: -webkit-linear-gradient(top, #af7a73, #72a7af); background: -o-linear-gradient(top, #af7a73, #72a7af); background: -ms-linear-gradient(top, #af7a73, #72a7af); background: linear-gradient(top, #af7a73, #72a7af); color: #000">#af7a73 linear gradient to complementary #72a7af</p>
#af7a73 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #af7a73">#af7a73 text shadow</p>
The matching paint colors are listed in order of relevancy to the #af7a73 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 #af7a73.
Jump to paint brand: