#A2B2CF Color Information


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

In the CMYK color space, #A2B2CF is composed of 21.74% cyan, 14.02% magenta, 0% yellow, and 18.82% black,

It has a hue angle of 218.7 degrees, a saturation of 31.92%, and a lightness of 72.35%.

The closest websafe color is #9999CC.

#A2B2CF RGB Values

#A2B2CF CMYK Values



#A2B2CF Color Conversion


The hexadecimal color #A2B2CF has RGB values of R:162, G:178, B:207 and CMYK values of C:21.74, M:14.02, Y:0, K:18.82. It has a decimal value of 10662607.


Hexadecimal #A2B2CF #A2B2CF
RGB Decimal 162, 178, 207 rgb(162, 178, 207)
RGB Percent 63.5294, 69.8039, 81.1765 rgb(63.5294%, 69.8039%, 81.1765%)
RGB Proportion 0.6353, 0.698, 0.8118 rgb(0.6353, 0.698, 0.8118)
CMYK 21.74, 14.02, 0, 18.82
HSL 218.7ยบ, 31.92, 72.35 hsl(218.7, 31.92%, 72.35%)
Websafe 9999CC #9999CC
XYZ 42.083, 44.024, 65.317
Yxy 44.024, 0.278, 0.291
CIE-LAB 72.245, 0.724, -16.53
CIE-LCH 72.245, 16.546, 272.508
CIE-LUV 72.245, -9.833, -25.648
Hunter-Lab 66.351, -2.9, -11.921

Color Schemes For #A2B2CF


Colors that go well with #A2B2CF.

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

Alternatives to #A2B2CF


Colors similar to #A2B2CF.


#A2B2CF Preview


Common HTML and CSS shortcodes for #A2B2CF.

Text with color #A2B2CF


The quick brown fox jumps over the lazy dog.

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

#A2B2CF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #A2B2CF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A2B2CF


Linear gradient from #A2B2CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A2B2CF


Radial gradient from #A2B2CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A2B2CF and its Complementary Color


Linear gradient from #A2B2CF to #5D4D30.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A2B2CF and its Complementary Color


Radial gradient from #A2B2CF to #5D4D30.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors