Color Peat orange (#766d52):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Peat orange (#766d52):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
oranges
oranges Family:
neutral-muted
Saturation:
moderately saturated
Tones:
colorful tone
Shade:
medium
Temperature:
warm
Chromaticity:
chromatic
Chroma:
low chroma
Color Information about Peat / #766d52
The HTML HEX code is #766d52. The corresponding color name is "Peat". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 118%, Green (G): 109%, Blue (B): 82%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 8%, Yellow (Y):31%, Black (K): 54%. In the HSL color space, #766d52 has a hue of 45°, saturation of 18%, and lightness of 39%. The HSV representation is 45° for hue, 31% for saturation, and 46% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 46, a* (green to red) = -1, and b* (blue to yellow) = 16. The XYZ representation is X: 14, Y: 15, Z: 10. In the YUV color space, it translates to Y (luminance) = 0.4259, U (chrominance) = -0.0514, and V (chrominance) = 0.0323.
The decimal value of the color is 7761234. The closest Web-safe HEX code is #666666. Variations of the colour are #A9A084 for a 20% lighter version and #393528 for a 20% darker version.
For the color with hex value #766d52, the correlated color temperature (CT) is estimated to be 4595 Kelvin (4595K).
The approximate wavelength of #766d52 is around 610.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | 766d52 | #766d52 |
RGB Decimal Code | 118, 109, 82 | rgb(118, 109, 82) |
CMYK | 0, 8, 31, 54 | / |
HSL | 45°, 18%, 39% | hsl(45°, 18%, 39%) |
HSV | 45°, 31%, 46% | / |
CIE-LAB | 46, -1, 16 | / |
XYZ | 14, 15, 10 | / |
YUV | 0.4259, -0.0514, 0.0323 | / |
Decimal value | 7761234 | / |
Web-Safe HEX | 666666 | #666666 |
Color Temperature (CT) | 4595 Kelvin (4595K) | / |
Estimate Wavelength | around 610.00nm | / |
The Depth and Diversity of Peat (Hex: #766d52): Exploring its Impact in Design and Culture
The hex color #766d52, also known as Peat, bears resemblance to natural elements such as weathered tree bark, dried leaves, or rich soil. This earthy shade evokes a sense of rusticity and warmth, making it an ideal choice for nature-inspired designs.
Download Stunning Peat Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Peat Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Peat 4K Wallpaper
Immerse yourself in the beauty of our Peat 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 Peat 4K WallpaperTints and Shades of #766d52 HEX color (Peat)
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 #766d52, 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
- #DDDBD4
- #BBB6A9
- #98927D
- #766d52
- #59523E
- #3B3729
- #1E1B15
- #000000
Tones of Peat (#766d52 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #766d52, #7a7564 is the less saturated color, while #766d52 is the most saturated one.
- #7a7564
- #797360
- #78715b
- #776f57
- #766d52
- #333333
- #262626
- #1a1a1a
- #0d0d0d
HTML Usage Examples
HTML using color code example
<p style="color: #766d52;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #766d52.
CSS color code example
p { color: #766d52; }
Text with hexadecimal color #766d52
This is a sample text with color #766d52.
Background Color with #766d52
This is a example with background color #766d52.
Border Color with #766d52
#766d52 Color Preview on White (#ffffff) Background
This is a example of text with color #766d52 on white background.
#766d52 Color Preview on Black (#000000) Background
This is a example of text with color #766d52 on black background.
CSS codes examples
.text {color:#766d52;}
.background {background-color:#766d52;}
.border {border:1px solid #766d52;}