#303030
Hex Color CodeThe hexadecimal color code #303030
is a dark shade of gray. In the RGB color model #303030
is comprised of 18.82% red, 18.82% green and 18.82% blue. In the HSL color space #303030
has a hue of 0 degrees, 0% saturation and 18.82% lightness. This color has an approximate wavelength of 620 nm.
#303030
Color InformationInverted
#cfcfcf 25% Saturated
#303030 Grayscale
#303030
25% Lighter
#3c3c3c Original
#303030 25% Darker
#242424
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#303030 Web Safe: maroon
#800000
rgb(48, 48, 48)
rgba(48, 48, 48, 1.0)
red: 18.8235%, yellow: 18.8235%, blue: 18.8235%
#303030
3158064
-13619152 / 0xff303030
hsl(0, 0%, 19%)
hsla(0, 0%, 19%, 1.0)
hue: 0 (0), saturation: 0 (0), value: 19 (18.8235)
X: 2.8094, Y: 2.9557, Z: 3.2187
x: 0.3127, y: 0.329, Y: 2.9557
L: 19.8655, a: 0.0016, b: -0.0032
L: 19.8655, u: 0.0002, v: -0.0034
L: 19.8655, C: 0.0036, H: 296.8129
L: 17.1921, a: -0.9173, b: 0.9341
cyan: 0 (0), magenta: 0 (0), yellow: 0 (0), key: 81 (0.8118)
cyan: 81 (0.8118), magenta: 81 (0.8118), yellow: 81 (0.8118)
Y: 48, I: 0, Q: 0
Y: 48, U: 0.0005, V: 0
Y: 48, Db: 0, Dr: 0
Y: 57.232, Cb: 128, Cr: 128
Y: 48, Pb: 0, Pr: 0
5G 2/2 approximate; exact match: Munsell 5G 2/2 / #273430
Download color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#303030
to White#303030
to Black#303030
foreground
<p style="color: #303030">#303030 foreground</p>
#303030
background
<p style="background-color: #303030; color: #fff">#303030 background</p>
#303030
border
<p style="border: #303030 3px solid">#303030 border</p>
#303030
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #303030, #fff); background: -webkit-radial-gradient(50% 50%, #303030, #fff); background: -o-radial-gradient(50% 50%, #303030, #fff); background: -ms-radial-gradient(50% 50%, #303030, #fff); background: radial-gradient(50% 50%, #303030, #fff); color: #fff">#303030 radial gradient</p>
#303030
linear gradient to complementary #303030
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #303030, #303030); background: -webkit-linear-gradient(top, #303030, #303030); background: -o-linear-gradient(top, #303030, #303030); background: -ms-linear-gradient(top, #303030, #303030); background: linear-gradient(top, #303030, #303030); color: #fff">
#303030
linear gradient to complementary #303030
</p>
#303030
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #303030">#303030 text shadow</p>
The matching paint colors are listed in order of relevancy to the #303030
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 #303030
.
Jump to paint brand: