Color Buff Leather brown (#aa7733):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Buff Leather brown (#aa7733):
Its Meaning and Harmonious Color Matches in Design.

Buff Leather is a color with a HTML hex code of #aa7733.

Hue Family:
browns

browns Family:
neutral

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Buff Leather / #aa7733

The HTML HEX code is #aa7733. The corresponding color name is "Buff Leather". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 170%, Green (G): 119%, Blue (B): 51%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 30%, Yellow (Y):70%, Black (K): 33%. In the HSL color space, #aa7733 has a hue of 34°, saturation of 54%, and lightness of 43%. The HSV representation is 34° for hue, 70% for saturation, and 67% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 54, a* (green to red) = 13, and b* (blue to yellow) = 44. The XYZ representation is X: 24, Y: 22, Z: 6. In the YUV color space, it translates to Y (luminance) = 0.4961, U (chrominance) = -0.1457, and V (chrominance) = 0.1497.

The decimal value of the color is 11171635. The closest Web-safe HEX code is #996633. Variations of the colour are #D4A76E for a 20% lighter version and #5A3F1B for a 20% darker version.

For the color with hex value #aa7733, the correlated color temperature (CT) is estimated to be 2825 Kelvin (2825K).

The approximate wavelength of #aa7733 is around 632.00nm.

VALUECSS
HEX Codeaa7733#aa7733
RGB Decimal Code170, 119, 51rgb(170, 119, 51)
CMYK0, 30, 70, 33/
HSL34°, 54%, 43%hsl(34°, 54%, 43%)
HSV34°, 70%, 67%/
CIE-LAB54, 13, 44/
XYZ 24, 22, 6/
YUV0.4961, -0.1457, 0.1497/
Decimal value11171635/
Web-Safe HEX996633#996633
Color Temperature (CT)2825 Kelvin (2825K)/
Estimate Wavelengtharound 632.00nm/

The Depth and Diversity of Buff Leather (Hex: #aa7733): Exploring its Impact in Design and Culture

Buff Leather (#aa7733) is a warm, earthy color resembling the hue of aged leather. It draws similarities to natural elements such as desert sands, reminiscent of vast dunes illuminated by the setting sun. This color evokes a sense of rustic charm, mirroring the rugged texture of tree bark or the weathered patina on antique furniture. Imagine the cozy warmth of a crackling fire, flickering in a wooden cabin nestled among autumnal foliage—an ambiance that Buff Leather exudes effortlessly. From weather-worn cowboy boots to sun-kissed wheat fields, Buff Leather captures the essence of natures time-worn beauty.

Download Stunning Buff Leather Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Buff Leather Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Buff Leather 4K Wallpaper

Immerse yourself in the beauty of our Buff Leather 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Buff Leather 4K Wallpaper

Tints and Shades of #aa7733 HEX color (Buff Leather)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #aa7733, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #EADDCC
  • #D5BB99
  • #BF9966
  • #aa7733
  • #805926
  • #553C1A
  • #2B1E0D
  • #000000

Tones of Buff Leather (#aa7733 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #aa7733, #997b52 is the less saturated color, while #aa7733 is the most saturated one.

  • #997b52
  • #9d7a4a
  • #a27942
  • #a6783b
  • #aa7733
  • #3b3936
  • #302d29
  • #24211d
  • #191510

HTML Usage Examples

HTML using color code example

<p style="color: #aa7733;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #aa7733.

CSS color code example

p { color: #aa7733; }

Text with hexadecimal color #aa7733

This is a sample text with color #aa7733.

Background Color with #aa7733

This is a example with background color #aa7733.

Border Color with #aa7733

This is a example of a border with #aa7733.

#aa7733 Color Preview on White (#ffffff) Background

This is a example of text with color #aa7733 on white background.

#aa7733 Color Preview on Black (#000000) Background

This is a example of text with color #aa7733 on black background.

CSS codes examples

.text {color:#aa7733;}
.background {background-color:#aa7733;}
.border {border:1px solid #aa7733;}

Complementary Color

#aa7733
#3266A9

Analogous Colors

#822D27
#824327
#C86F46
#A97632
#C8B046
#827127
#7C8227

Split Complementary Colors

#32A1A9
#A97632
#3A32A9

Triadic Colors

#32A976
#A97632
#7632A9

Tetradic Colors

#32A93A
#3266A9
#A932A1