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.
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.
VALUE | CSS | |
---|---|---|
HEX Code | 565350 | #565350 |
RGB Decimal Code | 86, 83, 80 | rgb(86, 83, 80) |
CMYK | 0, 3, 7, 66 | / |
HSL | 30°, 4%, 33% | hsl(30°, 4%, 33%) |
HSV | 30°, 7%, 34% | / |
CIE-LAB | 35, 1, 2 | / |
XYZ | 8, 9, 9 | / |
YUV | 0.3277, -0.0069, 0.0084 | / |
Decimal value | 5657424 | / |
Web-Safe HEX | 666666 | #666666 |
Color Temperature (CT) | 5950 Kelvin (5950K) | / |
Estimate Wavelength | around 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 WallpaperTints 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
#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;}