Color Charts
RGB
CMYK
RYB
#5a5454 Hex Color CodeThe hexadecimal color code #5a5454 is a medium dark shade of red. In the RGB color model #5a5454 is comprised of 35.29% red, 32.94% green and 32.94% blue. In the HSL color space #5a5454 has a hue of 0 degrees, 3.45% saturation and 34.12% lightness. This color has an approximate wavelength of 620 nm. Toyo Ink CF11002 is a matching paint color.
#5a5454 Color InformationInverted
#a5abab 25% Saturated
#5a5353 Grayscale
#575757
25% Lighter
#706969 Original
#5a5454 25% Darker
#433e3e
dimgray / dimgrey
#696969 25% Desaturated
#595454 Web Safe: gray
#808080
rgb(90, 84, 84)
rgba(90, 84, 84, 1.0)
red: 35.2941%, yellow: 32.9412%, blue: 32.9412%
#5a5454
5919828
-10857388 / 0xff5a5454
hsl(0, 3%, 34%)
hsla(0, 3%, 34%, 1.0)
hue: 0 (0), saturation: 7 (6.6667), value: 35 (35.2941)
X: 8.987, Y: 9.1544, Z: 9.6808
x: 0.323, y: 0.329, Y: 9.1544
L: 36.2799, a: 2.4426, b: 0.8729
L: 36.2799, u: 3.383, v: 0.7234
L: 36.2799, C: 2.5939, H: 19.6639
L: 30.2562, a: 0.0714, b: 2.2089
cyan: 0 (0), magenta: 7 (0.0667), yellow: 7 (0.0667), key: 65 (0.6471)
cyan: 65 (0.6471), magenta: 67 (0.6706), yellow: 67 (0.6706)
Y: 85.794, I: 3.5743, Q: 1.2687
Y: 85.794, U: -0.8819, V: 3.69
Y: 85.794, Db: -2.7, Dr: -7.998
Y: 89.698, Cb: 127.112, Cr: 130.634
Y: 85.278, Pb: -0.69, Pr: 3
7.5R 4/2 approximate; exact match: Munsell 7.5R 4/2 / #755a5c
#5a5454 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#5a5454 to White#5a5454 to Black#5a5454 foreground
<p style="color: #5a5454">#5a5454 foreground</p>
#5a5454 background
<p style="background-color: #5a5454; color: #fff">#5a5454 background</p>
#5a5454 border
<p style="border: #5a5454 3px solid">#5a5454 border</p>
#5a5454 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5a5454, #fff); background: -webkit-radial-gradient(50% 50%, #5a5454, #fff); background: -o-radial-gradient(50% 50%, #5a5454, #fff); background: -ms-radial-gradient(50% 50%, #5a5454, #fff); background: radial-gradient(50% 50%, #5a5454, #fff); color: #fff">#5a5454 radial gradient</p>
#5a5454 linear gradient to complementary #545a5a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5a5454, #545a5a); background: -webkit-linear-gradient(top, #5a5454, #545a5a); background: -o-linear-gradient(top, #5a5454, #545a5a); background: -ms-linear-gradient(top, #5a5454, #545a5a); background: linear-gradient(top, #5a5454, #545a5a); color: #fff">#5a5454 linear gradient to complementary #545a5a</p>
#5a5454 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5a5454">#5a5454 text shadow</p>
The matching paint colors are listed in order of relevancy to the #5a5454 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #5a5454.
Jump to paint brand: