#A2A2A2 Color Information


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

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

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

The closest websafe color is #999999.

#A2A2A2 RGB Values

#A2A2A2 CMYK Values



#A2A2A2 Color Conversion


The hexadecimal color #A2A2A2 has RGB values of R:162, G:162, B:162 and CMYK values of C:0, M:0, Y:0, K:36.47. It has a decimal value of 10658466.


Hexadecimal #A2A2A2 #A2A2A2
RGB Decimal 162, 162, 162 rgb(162, 162, 162)
RGB Percent 63.5294, 63.5294, 63.5294 rgb(63.5294%, 63.5294%, 63.5294%)
RGB Proportion 0.6353, 0.6353, 0.6353 rgb(0.6353, 0.6353, 0.6353)
CMYK 0, 0, 0, 36.47
HSL 0ยบ, 0, 63.53 hsl(0, 0%, 63.53%)
Websafe 999999 #999999
XYZ 34.343, 36.131, 39.347
Yxy 36.131, 0.313, 0.329
CIE-LAB 66.62, 0.005, -0.008
CIE-LCH 66.62, 0.009, 302.005
CIE-LUV 66.62, 0.003, -0.012
Hunter-Lab 60.109, -3.206, 3.266

Color Schemes For #A2A2A2


Colors that go well with #A2A2A2.

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

Alternatives to #A2A2A2


Colors similar to #A2A2A2.


#A2A2A2 Preview


Common HTML and CSS shortcodes for #A2A2A2.

Text with color #A2A2A2


The quick brown fox jumps over the lazy dog.

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

#A2A2A2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #A2A2A2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A2A2A2


Linear gradient from #A2A2A2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A2A2A2


Radial gradient from #A2A2A2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A2A2A2 and its Complementary Color


Linear gradient from #A2A2A2 to #5D5D5D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A2A2A2 and its Complementary Color


Radial gradient from #A2A2A2 to #5D5D5D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors