Color Glade yellow-green (#9ca687):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Glade yellow-green (#9ca687):
Its Meaning and Harmonious Color Matches in Design.

Glade is a color with a HTML hex code of #9ca687.

Hue Family:
yellow-greens

yellow-greens Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Glade / #9ca687

The HTML HEX code is #9ca687. The corresponding color name is "Glade". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 156%, Green (G): 166%, Blue (B): 135%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 6%, Magenta (M): 0%, Yellow (Y):19%, Black (K): 35%. In the HSL color space, #9ca687 has a hue of 79°, saturation of 15%, and lightness of 59%. The HSV representation is 79° for hue, 19% for saturation, and 65% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 67, a* (green to red) = -9, and b* (blue to yellow) = 15. The XYZ representation is X: 32, Y: 36, Z: 28. In the YUV color space, it translates to Y (luminance) = 0.6254, U (chrominance) = -0.0472, and V (chrominance) = -0.0120.

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

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

The approximate wavelength of #9ca687 is around 564.17nm.

VALUECSS
HEX Code9ca687#9ca687
RGB Decimal Code156, 166, 135rgb(156, 166, 135)
CMYK6, 0, 19, 35/
HSL79°, 15%, 59%hsl(79°, 15%, 59%)
HSV79°, 19%, 65%/
CIE-LAB67, -9, 15/
XYZ 32, 36, 28/
YUV0.6254, -0.0472, -0.0120/
Decimal value10266247/
Web-Safe HEX999999#999999
Color Temperature (CT)5581 Kelvin (5581K)/
Estimate Wavelengtharound 564.17nm/

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

Glade (#9ca687) is a soothing color reminiscent of a lush meadow at dawn. Its soft, earthy tones bring to mind the tranquility of nature, evoking images of rolling hills covered in dew-kissed grass. This color is akin to the velvety leaves of eucalyptus trees, adding a touch of freshness and vitality to any design. Glade also mirrors the muted hues found in moss-covered rocks, seamlessly blending with natural elements. Its calm and welcoming presence makes Glade an ideal choice for wellness brands, organic products, and eco-friendly initiatives.

Download Stunning Glade Wallpapers and Backgrounds

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

Experience Elegance with Glade 4K Wallpaper

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

Tints and Shades of #9ca687 HEX color (Glade)

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 #9ca687, 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
  • #E6E9E1
  • #CED3C3
  • #B5BCA5
  • #9ca687
  • #757D65
  • #4E5344
  • #272A22
  • #000000

Tones of Glade (#9ca687 HEX color)

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

  • #919784
  • #949b85
  • #969e86
  • #99a286
  • #9ca687
  • #52554c
  • #4a4e43
  • #42463a
  • #3b3f32

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #9ca687; }

Text with hexadecimal color #9ca687

This is a sample text with color #9ca687.

Background Color with #9ca687

This is a example with background color #9ca687.

Border Color with #9ca687

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

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

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

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

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

CSS codes examples

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

Complementary Color

#9ca687
#9187A6

Analogous Colors

#90896A
#8D906A
#BABCA4
#9CA687
#AEBCA4
#7A906A
#71906A

Split Complementary Colors

#878DA6
#9CA687
#A087A6

Triadic Colors

#879CA6
#9CA687
#A6879C

Tetradic Colors

#87A6A0
#9187A6
#A6878D