Color Hopsack orange (#9e8163):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Hopsack orange (#9e8163):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
oranges
oranges Family:
neutral-muted
Saturation:
moderately saturated
Tones:
mid-toned
Shade:
medium
Temperature:
warm
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Hopsack / #9e8163
The HTML HEX code is #9e8163. The corresponding color name is "Hopsack". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 158%, Green (G): 129%, Blue (B): 99%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 18%, Yellow (Y):37%, Black (K): 38%. In the HSL color space, #9e8163 has a hue of 31°, saturation of 23%, and lightness of 50%. The HSV representation is 31° for hue, 37% for saturation, and 62% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 56, a* (green to red) = 7, and b* (blue to yellow) = 20. The XYZ representation is X: 24, Y: 24, Z: 15. In the YUV color space, it translates to Y (luminance) = 0.5265, U (chrominance) = -0.0680, and V (chrominance) = 0.0817.
The decimal value of the color is 10387811. The closest Web-safe HEX code is #999966. Variations of the colour are #C4B3A1 for a 20% lighter version and #5E4D3B for a 20% darker version.
For the color with hex value #9e8163, the correlated color temperature (CT) is estimated to be 3950 Kelvin (3950K).
The approximate wavelength of #9e8163 is around 638.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | 9e8163 | #9e8163 |
RGB Decimal Code | 158, 129, 99 | rgb(158, 129, 99) |
CMYK | 0, 18, 37, 38 | / |
HSL | 31°, 23%, 50% | hsl(31°, 23%, 50%) |
HSV | 31°, 37%, 62% | / |
CIE-LAB | 56, 7, 20 | / |
XYZ | 24, 24, 15 | / |
YUV | 0.5265, -0.0680, 0.0817 | / |
Decimal value | 10387811 | / |
Web-Safe HEX | 999966 | #999966 |
Color Temperature (CT) | 3950 Kelvin (3950K) | / |
Estimate Wavelength | around 638.00nm | / |
The Depth and Diversity of Hopsack (Hex: #9e8163): Exploring its Impact in Design and Culture
Hopsack (#9e8163) is a warm and earthy color that resembles the texture of woven fabric. This hue is similar to the rich tones found in natural elements like the bark of a mature oak tree or the rugged terrain of a desert landscape. It also evokes the cozy and rustic feeling of a worn leather armchair or the smoothness of a well-loved wooden coffee table. Hopsack brings to mind the warmth and authenticity of natural materials, making it a perfect choice for interior design, fashion, or branding aiming to convey a sense of timeless elegance.
Download Stunning Hopsack Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Hopsack Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Hopsack 4K Wallpaper
Immerse yourself in the beauty of our Hopsack 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 Hopsack 4K WallpaperTints and Shades of #9e8163 HEX color (Hopsack)
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 #9e8163, 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
- #E7E0D8
- #CFC0B1
- #B6A18A
- #9e8163
- #77614A
- #4F4132
- #282019
- #000000
Tones of Hopsack (#9e8163 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #9e8163, #92816f is the less saturated color, while #9e8163 is the most saturated one.
- #92816f
- #95816c
- #988169
- #9b8166
- #9e8163
- #47433f
- #3e3934
- #342f2a
- #2b251f
HTML Usage Examples
HTML using color code example
<p style="color: #9e8163;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #9e8163.
CSS color code example
p { color: #9e8163; }
Text with hexadecimal color #9e8163
This is a sample text with color #9e8163.
Background Color with #9e8163
This is a example with background color #9e8163.
Border Color with #9e8163
#9e8163 Color Preview on White (#ffffff) Background
This is a example of text with color #9e8163 on white background.
#9e8163 Color Preview on Black (#000000) Background
This is a example of text with color #9e8163 on black background.
CSS codes examples
.text {color:#9e8163;}
.background {background-color:#9e8163;}
.border {border:1px solid #9e8163;}