Color Heavy Charcoal gray (#565350):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Heavy Charcoal gray (#565350):
Its Meaning and Harmonious Color Matches in Design.

Heavy Charcoal is a color with a HTML hex code of #565350.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
almost gray

Tones:
colorful tone

Shade:
dark

Temperature:
warm

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Heavy Charcoal / #565350

The HTML HEX code is #565350. The corresponding color name is "Heavy Charcoal". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 86%, Green (G): 83%, Blue (B): 80%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 3%, Yellow (Y):7%, Black (K): 66%. In the HSL color space, #565350 has a hue of 30°, saturation of 4%, and lightness of 33%. The HSV representation is 30° for hue, 7% for saturation, and 34% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 35, a* (green to red) = 1, and b* (blue to yellow) = 2. The XYZ representation is X: 8, Y: 9, Z: 9. In the YUV color space, it translates to Y (luminance) = 0.3277, U (chrominance) = -0.0069, and V (chrominance) = 0.0084.

The decimal value of the color is 5657424. The closest Web-safe HEX code is #666666. Variations of the colour are #8C8782 for a 20% lighter version and #222120 for a 20% darker version.

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

The approximate wavelength of #565350 is around 640.00nm.

VALUECSS
HEX Code565350#565350
RGB Decimal Code86, 83, 80rgb(86, 83, 80)
CMYK0, 3, 7, 66/
HSL30°, 4%, 33%hsl(30°, 4%, 33%)
HSV30°, 7%, 34%/
CIE-LAB35, 1, 2/
XYZ 8, 9, 9/
YUV0.3277, -0.0069, 0.0084/
Decimal value5657424/
Web-Safe HEX666666#666666
Color Temperature (CT)5950 Kelvin (5950K)/
Estimate Wavelengtharound 640.00nm/

The Depth and Diversity of Heavy Charcoal (Hex: #565350): Exploring its Impact in Design and Culture

Heavy Charcoal (#565350) is a deep gray color that resembles the rough texture and smoky color of volcanic rocks. It shares similarities with the charred remains of a bonfire or the ashes of burnt wood. This hue is reminiscent of stormy skies at dusk, conveying a sense of mystery and darkness. It can also be likened to the dense shadows found in a dense forest or the rich soil found in a fertile valley. Heavy Charcoal exudes a sense of strength and solidity, just like the solid foundation of a mountain range or the robustness of a steel structure.

Download Stunning Heavy Charcoal Wallpapers and Backgrounds

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

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

Tints and Shades of #565350 HEX color (Heavy Charcoal)

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 #565350, 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
  • #D5D4D3
  • #ABA9A8
  • #807E7C
  • #565350
  • #413E3C
  • #2B2A28
  • #161514
  • #000000

Tones of Heavy Charcoal (#565350 HEX color)

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

  • #676563
  • #63615e
  • #5e5c5a
  • #5a5855
  • #565350
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #565350; }

Text with hexadecimal color #565350

This is a sample text with color #565350.

Background Color with #565350

This is a example with background color #565350.

Border Color with #565350

This is a example of a border with #565350.

#565350 Color Preview on White (#ffffff) Background

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

#565350 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#565350
#515458

Analogous Colors

#3D3838
#3D3938
#726B69
#585451
#727069
#3D3C38
#3D3D38

Split Complementary Colors

#515858
#585451
#515158

Triadic Colors

#515854
#585451
#545158

Tetradic Colors

#515851
#515458
#585158