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.](https://cdn.kulor.app/color/covers/aa7733.jpg?&width=3840)
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.
VALUE | CSS | |
---|---|---|
HEX Code | aa7733 | #aa7733 |
RGB Decimal Code | 170, 119, 51 | rgb(170, 119, 51) |
CMYK | 0, 30, 70, 33 | / |
HSL | 34°, 54%, 43% | hsl(34°, 54%, 43%) |
HSV | 34°, 70%, 67% | / |
CIE-LAB | 54, 13, 44 | / |
XYZ | 24, 22, 6 | / |
YUV | 0.4961, -0.1457, 0.1497 | / |
Decimal value | 11171635 | / |
Web-Safe HEX | 996633 | #996633 |
Color Temperature (CT) | 2825 Kelvin (2825K) | / |
Estimate Wavelength | around 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 WallpaperTints 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
#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;}