Color Rain Drum red-orange (#685346):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Rain Drum red-orange (#685346):
Its Meaning and Harmonious Color Matches in Design.

Rain Drum is a color with a HTML hex code of #685346.

Hue Family:
red-oranges

red-oranges Family:
neutral-muted

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Rain Drum / #685346

The HTML HEX code is #685346. The corresponding color name is "Rain Drum". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 104%, Green (G): 83%, Blue (B): 70%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 20%, Yellow (Y):33%, Black (K): 59%. In the HSL color space, #685346 has a hue of 23°, saturation of 20%, and lightness of 34%. The HSV representation is 23° for hue, 33% for saturation, and 41% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 37, a* (green to red) = 7, and b* (blue to yellow) = 11. The XYZ representation is X: 10, Y: 10, Z: 7. In the YUV color space, it translates to Y (luminance) = 0.3443, U (chrominance) = -0.0343, and V (chrominance) = 0.0557.

The decimal value of the color is 6837062. The closest Web-safe HEX code is #666633. Variations of the colour are #A18472 for a 20% lighter version and #2B221D for a 20% darker version.

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

The approximate wavelength of #685346 is around 654.00nm.

VALUECSS
HEX Code685346#685346
RGB Decimal Code104, 83, 70rgb(104, 83, 70)
CMYK0, 20, 33, 59/
HSL23°, 20%, 34%hsl(23°, 20%, 34%)
HSV23°, 33%, 41%/
CIE-LAB37, 7, 11/
XYZ 10, 10, 7/
YUV0.3443, -0.0343, 0.0557/
Decimal value6837062/
Web-Safe HEX666633#666633
Color Temperature (CT)4118 Kelvin (4118K)/
Estimate Wavelengtharound 654.00nm/

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

The hex color #685346, also known as Rain Drum, resembles the rich tones of wet soil after a heavy downpour. It evokes the serene and earthy feeling of rain-soaked landscapes, bringing to mind the scent of damp earth and the sound of raindrops gently falling. This colors natural element is reminiscent of a tranquil garden, where vibrant green foliage contrasts against the dark, damp ground. Like raindrops nurturing the soil, #685346 embodies a sense of growth and renewal, making it an ideal choice for nature-inspired designs or organic-themed branding.

Download Stunning Rain Drum Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Rain Drum 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 Drum 4K Wallpaper

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

Tints and Shades of #685346 HEX color (Rain Drum)

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 #685346, 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
  • #D9D4D1
  • #B4A9A3
  • #8E7E74
  • #685346
  • #4E3E35
  • #342A23
  • #1A1512
  • #000000

Tones of Rain Drum (#685346 HEX color)

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

  • #72655d
  • #6f6157
  • #6d5c52
  • #6a584c
  • #685346
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #685346; }

Text with hexadecimal color #685346

This is a sample text with color #685346.

Background Color with #685346

This is a example with background color #685346.

Border Color with #685346

This is a example of a border with #685346.

#685346 Color Preview on White (#ffffff) Background

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

#685346 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#685346
#455B68

Analogous Colors

#493134
#493431
#87605A
#685345
#87765A
#494031
#494731

Split Complementary Colors

#456864
#685345
#454968

Triadic Colors

#456853
#685345
#534568

Tetradic Colors

#496845
#455B68
#644568