Color Olive It yellow-orange (#aeab9a):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Olive It yellow-orange (#aeab9a):
Its Meaning and Harmonious Color Matches in Design.

Olive It is a color with a HTML hex code of #aeab9a.

Hue Family:
yellow-oranges

yellow-oranges Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Olive It / #aeab9a

The HTML HEX code is #aeab9a. The corresponding color name is "Olive It". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 174%, Green (G): 171%, Blue (B): 154%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 2%, Yellow (Y):11%, Black (K): 32%. In the HSL color space, #aeab9a has a hue of 51°, saturation of 11%, and lightness of 64%. The HSV representation is 51° for hue, 11% for saturation, and 68% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 70, a* (green to red) = -2, and b* (blue to yellow) = 9. The XYZ representation is X: 38, Y: 40, Z: 36. In the YUV color space, it translates to Y (luminance) = 0.6665, U (chrominance) = -0.0308, and V (chrominance) = 0.0139.

The decimal value of the color is 11447194. The closest Web-safe HEX code is #999999. Variations of the colour are #DBD9D2 for a 20% lighter version and #7D7964 for a 20% darker version.

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

The approximate wavelength of #aeab9a is around 598.00nm.

VALUECSS
HEX Codeaeab9a#aeab9a
RGB Decimal Code174, 171, 154rgb(174, 171, 154)
CMYK0, 2, 11, 32/
HSL51°, 11%, 64%hsl(51°, 11%, 64%)
HSV51°, 11%, 68%/
CIE-LAB70, -2, 9/
XYZ 38, 40, 36/
YUV0.6665, -0.0308, 0.0139/
Decimal value11447194/
Web-Safe HEX999999#999999
Color Temperature (CT)5602 Kelvin (5602K)/
Estimate Wavelengtharound 598.00nm/

The Depth and Diversity of Olive It (Hex: #aeab9a): Exploring its Impact in Design and Culture

#aeab9a, also known as Olive It, is a hex color that resembles the hue of ripe olives. This earthy and warm color evokes a sense of nature, bringing to mind the organic tones of olive groves. Its similarity to natural elements can be seen in the colors of camouflaging reptiles like chameleons or the textured bark of certain tree species. This versatile color can also be found in various common objects like military uniforms or vintage interior design elements, adding a touch of sophistication and timeless charm.

Download Stunning Olive It Wallpapers and Backgrounds

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

Experience Elegance with Olive It 4K Wallpaper

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

Tints and Shades of #aeab9a HEX color (Olive It)

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 #aeab9a, 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
  • #EBEAE6
  • #D7D5CD
  • #C2C0B3
  • #aeab9a
  • #838074
  • #57564D
  • #2C2B27
  • #000000

Tones of Olive It (#aeab9a HEX color)

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

  • #9c9a90
  • #a09e92
  • #a5a295
  • #a9a797
  • #aeab9a
  • #5d5b54
  • #57554d
  • #514f46
  • #4b493e

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #aeab9a; }

Text with hexadecimal color #aeab9a

This is a sample text with color #aeab9a.

Background Color with #aeab9a

This is a example with background color #aeab9a.

Border Color with #aeab9a

This is a example of a border with #aeab9a.

#aeab9a Color Preview on White (#ffffff) Background

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

#aeab9a Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#aeab9a
#999CAD

Analogous Colors

#97867D
#978C7D
#C4BEB5
#ADAA99
#C3C4B5
#94977D
#8E977D

Split Complementary Colors

#99A6AD
#ADAA99
#A099AD

Triadic Colors

#99ADAA
#ADAA99
#AA99AD

Tetradic Colors

#99ADA0
#999CAD
#AD99A6