Color Hacienda yellow-orange (#9e8022):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Hacienda yellow-orange (#9e8022):
Its Meaning and Harmonious Color Matches in Design.

Hacienda is a color with a HTML hex code of #9e8022.

Hue Family:
yellow-oranges

yellow-oranges Family:
neutral

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Hacienda / #9e8022

The HTML HEX code is #9e8022. The corresponding color name is "Hacienda". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 158%, Green (G): 128%, Blue (B): 34%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 19%, Yellow (Y):78%, Black (K): 38%. In the HSL color space, #9e8022 has a hue of 45°, saturation of 65%, and lightness of 38%. The HSV representation is 45° for hue, 78% for saturation, and 62% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 55, a* (green to red) = 2, and b* (blue to yellow) = 52. The XYZ representation is X: 22, Y: 23, Z: 5. In the YUV color space, it translates to Y (luminance) = 0.4951, U (chrominance) = -0.1780, and V (chrominance) = 0.1092.

The decimal value of the color is 10387490. The closest Web-safe HEX code is #999933. Variations of the colour are #DAB74E for a 20% lighter version and #4C3D10 for a 20% darker version.

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

The approximate wavelength of #9e8022 is around 610.00nm.

VALUECSS
HEX Code9e8022#9e8022
RGB Decimal Code158, 128, 34rgb(158, 128, 34)
CMYK0, 19, 78, 38/
HSL45°, 65%, 38%hsl(45°, 65%, 38%)
HSV45°, 78%, 62%/
CIE-LAB55, 2, 52/
XYZ 22, 23, 5/
YUV0.4951, -0.1780, 0.1092/
Decimal value10387490/
Web-Safe HEX999933#999933
Color Temperature (CT)3272 Kelvin (3272K)/
Estimate Wavelengtharound 610.00nm/

The Depth and Diversity of Hacienda (Hex: #9e8022): Exploring its Impact in Design and Culture

Hacienda (#9e8022), a warm and earthy color, resembles the rich hues of autumn leaves found in a wooded forest. Its golden undertones mirror the sunlight filtering through the trees, creating a cozy and rustic atmosphere. This color also evokes the color of aged and weathered wooden furniture found in traditional haciendas, adding a touch of timeless elegance to any space. Hacienda is reminiscent of the warm and inviting tones found in natural elements such as honey, amber, or even the soft glow of a bonfire.

Download Stunning Hacienda Wallpapers and Backgrounds

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

Experience Elegance with Hacienda 4K Wallpaper

Immerse yourself in the beauty of our Hacienda 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 Hacienda 4K Wallpaper

Tints and Shades of #9e8022 HEX color (Hacienda)

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 #9e8022, 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
  • #E7DFC8
  • #CFC091
  • #B6A059
  • #9e8022
  • #77601A
  • #4F4011
  • #282009
  • #000000

Tones of Hacienda (#9e8022 HEX color)

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

  • #928048
  • #95803e
  • #988035
  • #9b802b
  • #9e8022
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #9e8022; }

Text with hexadecimal color #9e8022

This is a sample text with color #9e8022.

Background Color with #9e8022

This is a example with background color #9e8022.

Border Color with #9e8022

This is a example of a border with #9e8022.

#9e8022 Color Preview on White (#ffffff) Background

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

#9e8022 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#9e8022
#2241A0

Analogous Colors

#763019
#764719
#CA7A2B
#A08022
#CACA2B
#767619
#5F7619

Split Complementary Colors

#2280A0
#A08022
#4122A0

Triadic Colors

#22A080
#A08022
#8022A0

Tetradic Colors

#22A041
#2241A0
#A02280