Color Imagine orange (#af9468):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Imagine orange (#af9468):
Its Meaning and Harmonious Color Matches in Design.

Imagine is a color with a HTML hex code of #af9468.

Hue Family:
oranges

oranges Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Imagine / #af9468

The HTML HEX code is #af9468. The corresponding color name is "Imagine". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 175%, Green (G): 148%, Blue (B): 104%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 15%, Yellow (Y):41%, Black (K): 31%. In the HSL color space, #af9468 has a hue of 37°, saturation of 31%, and lightness of 55%. The HSV representation is 37° for hue, 41% for saturation, and 69% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 63, a* (green to red) = 4, and b* (blue to yellow) = 27. The XYZ representation is X: 31, Y: 31, Z: 18. In the YUV color space, it translates to Y (luminance) = 0.5924, U (chrominance) = -0.0908, and V (chrominance) = 0.0824.

The decimal value of the color is 11506792. The closest Web-safe HEX code is #999966. Variations of the colour are #D3C4AB for a 20% lighter version and #75603E for a 20% darker version.

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

The approximate wavelength of #af9468 is around 626.00nm.

VALUECSS
HEX Codeaf9468#af9468
RGB Decimal Code175, 148, 104rgb(175, 148, 104)
CMYK0, 15, 41, 31/
HSL37°, 31%, 55%hsl(37°, 31%, 55%)
HSV37°, 41%, 69%/
CIE-LAB63, 4, 27/
XYZ 31, 31, 18/
YUV0.5924, -0.0908, 0.0824/
Decimal value11506792/
Web-Safe HEX999966#999966
Color Temperature (CT)3959 Kelvin (3959K)/
Estimate Wavelengtharound 626.00nm/

The Depth and Diversity of Imagine (Hex: #af9468): Exploring its Impact in Design and Culture

The color Imagine (#af9468) resembles the warm tones of a sunset over a sandy desert. Its earthy hue evokes images of vast landscapes and the raw beauty of nature. Imagine is reminiscent of weathered wood or aged leather, exhibiting a rustic charm that is both inviting and nostalgic. This color can also invoke the feeling of coziness, like a worn-out blanket that brings comfort and solace. Imagine captures the essence of natural elements, such as dried autumn leaves, terracotta pots, or even the textured bark of a tree.

Download Stunning Imagine Wallpapers and Backgrounds

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

Experience Elegance with Imagine 4K Wallpaper

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

Tints and Shades of #af9468 HEX color (Imagine)

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 #af9468, 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
  • #EBE4D9
  • #D7CAB4
  • #C3AF8E
  • #af9468
  • #836F4E
  • #584A34
  • #2C251A
  • #000000

Tones of Imagine (#af9468 HEX color)

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

  • #9c8c72
  • #a18e6f
  • #a6906d
  • #aa926a
  • #af9468
  • #514b43
  • #494239
  • #413a2e
  • #393124

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #af9468; }

Text with hexadecimal color #af9468

This is a sample text with color #af9468.

Background Color with #af9468

This is a example with background color #af9468.

Border Color with #af9468

This is a example of a border with #af9468.

#af9468 Color Preview on White (#ffffff) Background

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

#af9468 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#af9468
#6984B0

Analogous Colors

#96574F
#96694F
#C19E8A
#B09569
#C1BA8A
#968D4F
#8E964F

Split Complementary Colors

#69A8B0
#B09569
#7169B0

Triadic Colors

#69B095
#B09569
#9569B0

Tetradic Colors

#69B071
#6984B0
#B069A8