#D2D2D2 Color Information


In the RGB color space, #D2D2D2 is composed of 82.3529% red, 82.3529% green, and 82.3529% blue.

In the CMYK color space, #D2D2D2 is composed of 0% cyan, 0% magenta, 0% yellow, and 17.65% black,

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

The closest websafe color is #CCCCCC.

#D2D2D2 RGB Values

#D2D2D2 CMYK Values



#D2D2D2 Color Conversion


The hexadecimal color #D2D2D2 has RGB values of R:210, G:210, B:210 and CMYK values of C:0, M:0, Y:0, K:17.65. It has a decimal value of 13816530.


Hexadecimal #D2D2D2 #D2D2D2
RGB Decimal 210, 210, 210 rgb(210, 210, 210)
RGB Percent 82.3529, 82.3529, 82.3529 rgb(82.3529%, 82.3529%, 82.3529%)
RGB Proportion 0.8235, 0.8235, 0.8235 rgb(0.8235, 0.8235, 0.8235)
CMYK 0, 0, 0, 17.65
HSL 0ยบ, 0, 82.35 hsl(0, 0%, 82.35%)
Websafe CCCCCC #CCCCCC
XYZ 61.253, 64.443, 70.178
Yxy 64.443, 0.313, 0.329
CIE-LAB 84.196, 0.004, -0.009
CIE-LCH 84.196, 0.01, 293.962
CIE-LUV 84.196, 0.001, -0.014
Hunter-Lab 80.276, -4.284, 4.362

Color Schemes For #D2D2D2


Colors that go well with #D2D2D2.

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

Alternatives to #D2D2D2


Colors similar to #D2D2D2.


#D2D2D2 Preview


Common HTML and CSS shortcodes for #D2D2D2.

Text with color #D2D2D2


The quick brown fox jumps over the lazy dog.

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

#D2D2D2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #D2D2D2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #D2D2D2


Linear gradient from #D2D2D2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #D2D2D2


Radial gradient from #D2D2D2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #D2D2D2 and its Complementary Color


Linear gradient from #D2D2D2 to #2D2D2D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #D2D2D2 and its Complementary Color


Radial gradient from #D2D2D2 to #2D2D2D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #D2D2D2; } .background { background-color: #D2D2D2; } .border { border: 1px solid #D2D2D2; } .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 #D2D2D2


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

Shades


Tints

Random Colors