#ad8b77
Hex Color CodeThe hexadecimal color code #ad8b77
is a shade of orange. In the RGB color model #ad8b77
is comprised of 67.84% red, 54.51% green and 46.67% blue. In the HSL color space #ad8b77
has a hue of 22.22 degrees, 24.77% saturation and 57.25% lightness. This color has an approximate wavelength of 606 nm.
#ad8b77
Color InformationInverted
#527488 25% Saturated
#b38970 Grayscale
#929292
25% Lighter
#c8b1a4 Original
#ad8b77 25% Darker
#886652
rosybrown
#bc8f8f 25% Desaturated
#a68c7d Web Safe: red
#ff0000
rgb(173, 139, 119)
rgba(173, 139, 119, 1.0)
red: 67.8431%, yellow: 59.1234%, blue: 46.6667%
#ad8b77
11373431
-5403785 / 0xffad8b77
hsl(22, 25%, 57%)
hsla(22, 25%, 57%, 1.0)
hue: 22 (22.2222), saturation: 31 (31.2139), value: 68 (67.8431)
X: 29.796, Y: 28.6814, Z: 21.4184
x: 0.3729, y: 0.359, Y: 28.6814
L: 60.4994, a: 9.9202, b: 15.5796
L: 60.4994, u: 23.1955, v: 18.8973
L: 60.4994, C: 18.4698, H: 57.5135
L: 53.555, a: 5.5894, b: 13.7765
cyan: 0 (0), magenta: 20 (0.1965), yellow: 31 (0.3121), key: 32 (0.3216)
cyan: 32 (0.3216), magenta: 45 (0.4549), yellow: 53 (0.5333)
Y: 146.886, I: 26.6796, Q: 0.9668
Y: 146.886, U: -13.721, V: 22.9102
Y: 146.886, Db: -41.96, Dr: -49.662
Y: 142.179, Cb: 114.188, Cr: 144.346
Y: 144.802, Pb: -13.91, Pr: 17.92
7.5YR 6/4 approximate; exact match: Munsell 7.5YR 6/4 / #b58c73
#ad8b77
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ad8b77
to White#ad8b77
to Black#ad8b77
foreground
<p style="color: #ad8b77; background-color: #000">#ad8b77 foreground</p>
#ad8b77
background
<p style="background-color: #ad8b77">#ad8b77 background</p>
#ad8b77
border
<p style="border: #ad8b77 3px solid">#ad8b77 border</p>
#ad8b77
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ad8b77, #fff); background: -webkit-radial-gradient(50% 50%, #ad8b77, #fff); background: -o-radial-gradient(50% 50%, #ad8b77, #fff); background: -ms-radial-gradient(50% 50%, #ad8b77, #fff); background: radial-gradient(50% 50%, #ad8b77, #fff)">#ad8b77 radial gradient</p>
#ad8b77
linear gradient to complementary #7699ad
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ad8b77, #7699ad); background: -webkit-linear-gradient(top, #ad8b77, #7699ad); background: -o-linear-gradient(top, #ad8b77, #7699ad); background: -ms-linear-gradient(top, #ad8b77, #7699ad); background: linear-gradient(top, #ad8b77, #7699ad); color: #000">
#ad8b77
linear gradient to complementary #7699ad
</p>
#ad8b77
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ad8b77">#ad8b77 text shadow</p>
The matching paint colors are listed in order of relevancy to the #ad8b77
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 #ad8b77
.
Jump to paint brand: