Color Rain Shadow gray (#677276):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Rain Shadow gray (#677276):
Its Meaning and Harmonious Color Matches in Design.

Rain Shadow is a color with a HTML hex code of #677276.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Rain Shadow / #677276

The HTML HEX code is #677276. The corresponding color name is "Rain Shadow". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 103%, Green (G): 114%, Blue (B): 118%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 13%, Magenta (M): 3%, Yellow (Y):0%, Black (K): 54%. In the HSL color space, #677276 has a hue of 196°, saturation of 7%, and lightness of 43%. The HSV representation is 196° for hue, 13% for saturation, and 46% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 47, a* (green to red) = -3, and b* (blue to yellow) = -4. The XYZ representation is X: 15, Y: 16, Z: 19. In the YUV color space, it translates to Y (luminance) = 0.4359, U (chrominance) = 0.0132, and V (chrominance) = -0.0281.

The decimal value of the color is 6779510. The closest Web-safe HEX code is #666666. Variations of the colour are #9AA4A7 for a 20% lighter version and #373D3F for a 20% darker version.

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

The approximate wavelength of #677276 is around 492.00nm.

VALUECSS
HEX Code677276#677276
RGB Decimal Code103, 114, 118rgb(103, 114, 118)
CMYK13, 3, 0, 54/
HSL196°, 7%, 43%hsl(196°, 7%, 43%)
HSV196°, 13%, 46%/
CIE-LAB47, -3, -4/
XYZ 15, 16, 19/
YUV0.4359, 0.0132, -0.0281/
Decimal value6779510/
Web-Safe HEX666666#666666
Color Temperature (CT)7724 Kelvin (7724K)/
Estimate Wavelengtharound 492.00nm/

The Depth and Diversity of Rain Shadow (Hex: #677276): Exploring its Impact in Design and Culture

The hex color #677276, named Rain Shadow, bears resemblance to the tranquil depths of a moonlit lake, reflecting the silhouettes of surrounding trees. It exudes an air of mystique, akin to the hushed solitude found within the dense misty veils of a tranquil rainforest. The color Rain Shadow captures the essence of a dusky evening, where the fading light casts shadows on the earth, revealing a palette of cool blues and earthy grays. It evokes a sense of calmness and introspection, reminiscent of the stillness that accompanies raindrops gently splashing against a windowpane.

Download Stunning Rain Shadow Wallpapers and Backgrounds

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

Experience Elegance with Rain Shadow 4K Wallpaper

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

Tints and Shades of #677276 HEX color (Rain Shadow)

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 #677276, 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
  • #D9DCDD
  • #B3B9BB
  • #8D9598
  • #677276
  • #4D5659
  • #34393B
  • #1A1D1E
  • #000000

Tones of Rain Shadow (#677276 HEX color)

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

  • #71787a
  • #6f7679
  • #6c7578
  • #6a7377
  • #677276
  • #383939
  • #2c2d2d
  • #202121
  • #141515

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #677276; }

Text with hexadecimal color #677276

This is a sample text with color #677276.

Background Color with #677276

This is a example with background color #677276.

Border Color with #677276

This is a example of a border with #677276.

#677276 Color Preview on White (#ffffff) Background

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

#677276 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#677276
#756A66

Analogous Colors

#4E5A57
#4E5A5A
#7F8F90
#667175
#7F8790
#4E545A
#4E515A

Split Complementary Colors

#75666A
#667175
#757266

Triadic Colors

#756671
#667175
#717566

Tetradic Colors

#726675
#756A66
#6A7566