Color Charts
RGB
CMYK
RYB
#ab6d2f Hex Color CodeThe hexadecimal color code #ab6d2f is a shade of orange. In the RGB color model #ab6d2f is comprised of 67.06% red, 42.75% green and 18.43% blue. In the HSL color space #ab6d2f has a hue of 30 degrees, 56.88% saturation and 42.75% lightness. This color has an approximate wavelength of 601 nm.
#ab6d2f Color InformationInverted
#5492d0 25% Saturated
#ba6c1f Grayscale
#6d6d6d
25% Lighter
#cb8844 Original
#ab6d2f 25% Darker
#805123
chocolate
#d2691e 25% Desaturated
#9b6c3e Web Safe: red
#ff0000
rgb(171, 109, 47)
rgba(171, 109, 47, 1.0)
red: 67.0588%, yellow: 67.0588%, blue: 18.4314%
#ab6d2f
11234607
-5542609 / 0xffab6d2f
hsl(30, 57%, 43%)
hsla(30, 57%, 43%, 1.0)
hue: 30 (30), saturation: 73 (72.5146), value: 67 (67.0588)
X: 22.7763, Y: 19.8004, Z: 5.3107
x: 0.4756, y: 0.4135, Y: 19.8004
L: 51.6108, a: 19.1384, b: 43.4966
L: 51.6108, u: 49.3389, v: 41.9221
L: 51.6108, C: 47.5208, H: 66.2506
L: 44.4977, a: 13.495, b: 24.0722
cyan: 0 (0), magenta: 36 (0.3626), yellow: 73 (0.7251), key: 33 (0.3294)
cyan: 33 (0.3294), magenta: 57 (0.5725), yellow: 82 (0.8157)
Y: 120.47, I: 56.8527, Q: -6.1801
Y: 120.47, U: -36.153, V: 44.3306
Y: 120.47, Db: -110.546, Dr: -96.1
Y: 119.489, Cb: 91.606, Cr: 159.62
Y: 117.742, Pb: -38.13, Pr: 33.852
7.5YR 5/8 approximate; exact match: Munsell 7.5YR 5/8 / #ac6b2b
#ab6d2f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ab6d2f to White#ab6d2f to Black#ab6d2f foreground
<p style="color: #ab6d2f">#ab6d2f foreground</p>
#ab6d2f background
<p style="background-color: #ab6d2f; color: #fff">#ab6d2f background</p>
#ab6d2f border
<p style="border: #ab6d2f 3px solid">#ab6d2f border</p>
#ab6d2f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ab6d2f, #fff); background: -webkit-radial-gradient(50% 50%, #ab6d2f, #fff); background: -o-radial-gradient(50% 50%, #ab6d2f, #fff); background: -ms-radial-gradient(50% 50%, #ab6d2f, #fff); background: radial-gradient(50% 50%, #ab6d2f, #fff); color: #fff">#ab6d2f radial gradient</p>
#ab6d2f linear gradient to complementary #2f6cab
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ab6d2f, #2f6cab); background: -webkit-linear-gradient(top, #ab6d2f, #2f6cab); background: -o-linear-gradient(top, #ab6d2f, #2f6cab); background: -ms-linear-gradient(top, #ab6d2f, #2f6cab); background: linear-gradient(top, #ab6d2f, #2f6cab); color: #fff">#ab6d2f linear gradient to complementary #2f6cab</p>
#ab6d2f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #ab6d2f">#ab6d2f text shadow</p>
The matching paint colors are listed in order of relevancy to the #ab6d2f 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 #ab6d2f.
Jump to paint brand: