Color Heavy Rain gray (#898a86):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Heavy Rain gray (#898a86):
Its Meaning and Harmonious Color Matches in Design.

Heavy Rain is a color with a HTML hex code of #898a86.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
almost gray

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Heavy Rain / #898a86

The HTML HEX code is #898a86. The corresponding color name is "Heavy Rain". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 137%, Green (G): 138%, Blue (B): 134%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 1%, Magenta (M): 0%, Yellow (Y):3%, Black (K): 46%. In the HSL color space, #898a86 has a hue of 75°, saturation of 2%, and lightness of 53%. The HSV representation is 75° for hue, 3% for saturation, and 54% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 57, a* (green to red) = -1, and b* (blue to yellow) = 2. The XYZ representation is X: 24, Y: 25, Z: 26. In the YUV color space, it translates to Y (luminance) = 0.5382, U (chrominance) = -0.0063, and V (chrominance) = -0.0008.

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

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

The approximate wavelength of #898a86 is around 567.50nm.

VALUECSS
HEX Code898a86#898a86
RGB Decimal Code137, 138, 134rgb(137, 138, 134)
CMYK1, 0, 3, 46/
HSL75°, 2%, 53%hsl(75°, 2%, 53%)
HSV75°, 3%, 54%/
CIE-LAB57, -1, 2/
XYZ 24, 25, 26/
YUV0.5382, -0.0063, -0.0008/
Decimal value9013894/
Web-Safe HEX999999#999999
Color Temperature (CT)6304 Kelvin (6304K)/
Estimate Wavelengtharound 567.50nm/

The Depth and Diversity of Heavy Rain (Hex: #898a86): Exploring its Impact in Design and Culture

The hex color #898a86, named Heavy Rain, resembles the color of storm clouds hanging low in the sky before a downpour. It captures the essence of a dark, brooding atmosphere, just before the rain begins to fall. This color also evokes images of wet pavement glistening under streetlights, adding to the overall sense of a rainy scene. In nature, it could be likened to the color of slate or granite rocks that appear darker when wet. Overall, Heavy Rain exudes a sense of anticipation and the imminent arrival of a refreshing rainstorm.

Download Stunning Heavy Rain Wallpapers and Backgrounds

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

Experience Elegance with Heavy Rain 4K Wallpaper

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

Tints and Shades of #898a86 HEX color (Heavy Rain)

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 #898a86, 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
  • #E2E2E1
  • #C4C5C3
  • #A7A7A4
  • #898a86
  • #676865
  • #454543
  • #222322
  • #000000

Tones of Heavy Rain (#898a86 HEX color)

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

  • #858684
  • #868784
  • #878885
  • #888985
  • #898a86
  • #484847
  • #3e3f3e
  • #353634
  • #2b2c2b

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #898a86; }

Text with hexadecimal color #898a86

This is a sample text with color #898a86.

Background Color with #898a86

This is a example with background color #898a86.

Border Color with #898a86

This is a example of a border with #898a86.

#898a86 Color Preview on White (#ffffff) Background

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

#898a86 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#898a86
#86858A

Analogous Colors

#706F6B
#70706B
#A3A39F
#888A85
#A1A39F
#6E706B
#6D706B

Split Complementary Colors

#85868A
#888A85
#88858A

Triadic Colors

#85888A
#888A85
#8A8588

Tetradic Colors

#858A88
#86858A
#8A8586