Color Cougar red (#9a7f78):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Cougar red (#9a7f78):
Its Meaning and Harmonious Color Matches in Design.

Cougar is a color with a HTML hex code of #9a7f78.

Hue Family:
reds

reds Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Cougar / #9a7f78

The HTML HEX code is #9a7f78. The corresponding color name is "Cougar". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 154%, Green (G): 127%, Blue (B): 120%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 18%, Yellow (Y):22%, Black (K): 40%. In the HSL color space, #9a7f78 has a hue of 12°, saturation of 14%, and lightness of 54%. The HSV representation is 12° for hue, 22% for saturation, and 60% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 55, a* (green to red) = 9, and b* (blue to yellow) = 8. The XYZ representation is X: 24, Y: 23, Z: 21. In the YUV color space, it translates to Y (luminance) = 0.5266, U (chrominance) = -0.0275, and V (chrominance) = 0.0679.

The decimal value of the color is 10125176. The closest Web-safe HEX code is #996666. Variations of the colour are #C6B7B3 for a 20% lighter version and #634F4B for a 20% darker version.

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

The approximate wavelength of #9a7f78 is around 676.00nm.

VALUECSS
HEX Code9a7f78#9a7f78
RGB Decimal Code154, 127, 120rgb(154, 127, 120)
CMYK0, 18, 22, 40/
HSL12°, 14%, 54%hsl(12°, 14%, 54%)
HSV12°, 22%, 60%/
CIE-LAB55, 9, 8/
XYZ 24, 23, 21/
YUV0.5266, -0.0275, 0.0679/
Decimal value10125176/
Web-Safe HEX996666#996666
Color Temperature (CT)4631 Kelvin (4631K)/
Estimate Wavelengtharound 676.00nm/

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

#9a7f78, also known as Cougar, is a warm and earthy color that resembles the rich brown tones found in the bark of ancient trees. This hue exudes a natural elegance and sophistication, reminiscent of the strength and resilience of a mature oak or walnut tree. With its subtle hints of mauve, Cougar also reflects the muted beauty of a wild mountain range at dusk, where the fading sunlight casts a soft and soothing glow over the rugged terrain. Adorned in shades of Cougar, one can evoke the beauty and tranquility of nature, creating a harmonious and inviting atmosphere.

Download Stunning Cougar Wallpapers and Backgrounds

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

Experience Elegance with Cougar 4K Wallpaper

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

Tints and Shades of #9a7f78 HEX color (Cougar)

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 #9a7f78, 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
  • #E6DFDD
  • #CDBFBC
  • #B39F9A
  • #9a7f78
  • #745F5A
  • #4D403C
  • #27201E
  • #000000

Tones of Cougar (#9a7f78 HEX color)

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

  • #907f7b
  • #927f7a
  • #957f7a
  • #977f79
  • #9a7f78
  • #4b4645
  • #423d3b
  • #3a3332
  • #312a28

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #9a7f78; }

Text with hexadecimal color #9a7f78

This is a sample text with color #9a7f78.

Background Color with #9a7f78

This is a example with background color #9a7f78.

Border Color with #9a7f78

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

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

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

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

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

CSS codes examples

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

Complementary Color

#9a7f78
#79949A

Analogous Colors

#80606A
#806062
#B09698
#9A8079
#B0A296
#806F60
#807660

Split Complementary Colors

#799A90
#9A8079
#79839A

Triadic Colors

#799A80
#9A8079
#80799A

Tetradic Colors

#839A79
#79949A
#90799A