Color Simply Sage gray (#a7a996):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Simply Sage gray (#a7a996):
Its Meaning and Harmonious Color Matches in Design.

Simply Sage is a color with a HTML hex code of #a7a996.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Simply Sage / #a7a996

The HTML HEX code is #a7a996. The corresponding color name is "Simply Sage". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 167%, Green (G): 169%, Blue (B): 150%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 1%, Magenta (M): 0%, Yellow (Y):11%, Black (K): 34%. In the HSL color space, #a7a996 has a hue of 66°, saturation of 10%, and lightness of 63%. The HSV representation is 66° for hue, 11% for saturation, and 66% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 69, a* (green to red) = -4, and b* (blue to yellow) = 10. The XYZ representation is X: 36, Y: 39, Z: 34. In the YUV color space, it translates to Y (luminance) = 0.6519, U (chrominance) = -0.0313, and V (chrominance) = 0.0026.

The decimal value of the color is 10987926. The closest Web-safe HEX code is #999999. Variations of the colour are #D7D8CF for a 20% lighter version and #767963 for a 20% darker version.

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

The approximate wavelength of #a7a996 is around 575.00nm.

VALUECSS
HEX Codea7a996#a7a996
RGB Decimal Code167, 169, 150rgb(167, 169, 150)
CMYK1, 0, 11, 34/
HSL66°, 10%, 63%hsl(66°, 10%, 63%)
HSV66°, 11%, 66%/
CIE-LAB69, -4, 10/
XYZ 36, 39, 34/
YUV0.6519, -0.0313, 0.0026/
Decimal value10987926/
Web-Safe HEX999999#999999
Color Temperature (CT)5715 Kelvin (5715K)/
Estimate Wavelengtharound 575.00nm/

The Depth and Diversity of Simply Sage (Hex: #a7a996): Exploring its Impact in Design and Culture

Simply Sage (#a7a996) is a soothing color that resembles the subtle beauty of fresh sage leaves. Its greenish-gray hue evokes a sense of tranquility and natural harmony. This color can be compared to the muted tones of a lush forest, where sunlight filters through the foliage to create a serene environment. Just like moss-covered rocks and verdant meadows, Simply Sage brings a touch of calmness to any design. Whether used in interior decor or branding, this color exudes a refreshing and organic vibe, making it perfect for eco-friendly products or nature-themed visuals.

Download Stunning Simply Sage Wallpapers and Backgrounds

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

Experience Elegance with Simply Sage 4K Wallpaper

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

Tints and Shades of #a7a996 HEX color (Simply Sage)

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 #a7a996, 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
  • #E9EAE5
  • #D3D4CB
  • #BDBFB0
  • #a7a996
  • #7D7F71
  • #54554B
  • #2A2A26
  • #000000

Tones of Simply Sage (#a7a996 HEX color)

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

  • #97998d
  • #9b9d8f
  • #9fa192
  • #a3a594
  • #a7a996
  • #585952
  • #52534b
  • #4b4c43
  • #45463c

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #a7a996; }

Text with hexadecimal color #a7a996

This is a sample text with color #a7a996.

Background Color with #a7a996

This is a example with background color #a7a996.

Border Color with #a7a996

This is a example of a border with #a7a996.

#a7a996 Color Preview on White (#ffffff) Background

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

#a7a996 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#a7a996
#9997AA

Analogous Colors

#938A7B
#93907B
#C1BFB3
#A8AA97
#BCC1B3
#8B937B
#85937B

Split Complementary Colors

#979FAA
#A8AA97
#A397AA

Triadic Colors

#97A8AA
#A8AA97
#AA97A8

Tetradic Colors

#97AAA3
#9997AA
#AA979F