#2D2D2D Color Information


In the RGB color space, #2D2D2D is composed of 17.6471% red, 17.6471% green, and 17.6471% blue.

In the CMYK color space, #2D2D2D is composed of 0% cyan, 0% magenta, 0% yellow, and 82.35% black,

It has a hue angle of 0 degrees, a saturation of 0%, and a lightness of 17.65%.

The closest websafe color is #333333.

#2D2D2D RGB Values

#2D2D2D CMYK Values



#2D2D2D Color Conversion


The hexadecimal color #2D2D2D has RGB values of R:45, G:45, B:45 and CMYK values of C:0, M:0, Y:0, K:82.35. It has a decimal value of 2960685.


Hexadecimal #2D2D2D #2D2D2D
RGB Decimal 45, 45, 45 rgb(45, 45, 45)
RGB Percent 17.6471, 17.6471, 17.6471 rgb(17.6471%, 17.6471%, 17.6471%)
RGB Proportion 0.1765, 0.1765, 0.1765 rgb(0.1765, 0.1765, 0.1765)
CMYK 0, 0, 0, 82.35
HSL 0ยบ, 0, 17.65 hsl(0, 0%, 17.65%)
Websafe 333333 #333333
XYZ 2.495, 2.625, 2.859
Yxy 2.625, 0.313, 0.329
CIE-LAB 18.475, 0.0, -0.006
CIE-LCH 18.475, 0.006, 270.0
CIE-LUV 18.475, -0.002, -0.006
Hunter-Lab 16.202, -0.865, 0.879

Color Schemes For #2D2D2D


Colors that go well with #2D2D2D.

Monochromatic
Analogous Colors
Tetradic Colors
Complementary Color
Triadic Colors
Split Complementary Color

Alternatives to #2D2D2D


Colors similar to #2D2D2D.


#2D2D2D Preview


Common HTML and CSS shortcodes for #2D2D2D.

Text with color #2D2D2D


The quick brown fox jumps over the lazy dog.

<div style="color: #2D2D2D;">The quick brown fox jumps over the lazy dog.</div>

#2D2D2D as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #2D2D2D;">The quick brown fox jumps over the lazy dog.</div>

Border with #2D2D2D


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #2D2D2D;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2D2D2D


Linear gradient from #2D2D2D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2D2D2D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2D2D2D


Radial gradient from #2D2D2D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2D2D2D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2D2D2D and its Complementary Color


Linear gradient from #2D2D2D to #D2D2D2.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2D2D2D, #D2D2D2);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2D2D2D and its Complementary Color


Radial gradient from #2D2D2D to #D2D2D2.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2D2D2D, #D2D2D2);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2D2D2D; } .background { background-color: #2D2D2D; } .border { border: 1px solid #2D2D2D; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #2D2D2D


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000000 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors