#a2a2a8 hex color

In a RGB color space, hex #a2a2a8 is composed of 63.5% red, 63.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 3.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 240 degrees, a saturation of 3.3% and a lightness of 64.7%. #a2a2a8 color hex could be obtained by blending #ffffff with #454551. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 64
- G 64
- B 66
RGB color chart
- C 4
- M 4
- Y 0
- K 34
CMYK color chart

● #a2a2a8 color description : Dark grayish blue.

The hexadecimal color #a2a2a8 has RGB values of R:162, G:162, B:168 and CMYK values of C:0.04, M:0.04, Y:0, K:0.34. Its decimal value is 10658472.

Hex triplet	a2a2a8	`#a2a2a8`
RGB Decimal	162, 162, 168	`rgb(162,162,168)`
RGB Percent	63.5, 63.5, 65.9	`rgb(63.5%,63.5%,65.9%)`
CMYK	4, 4, 0, 34
HSL	240°, 3.3, 64.7	`hsl(240,3.3%,64.7%)`
HSV (or HSB)	240°, 3.6, 65.9
Web Safe	999999	`#999999`

CIE-LAB	66.786, 1.161, -3.11
XYZ	34.887, 36.349, 42.222
xyY	0.307, 0.32, 36.349
CIE-LCH	66.786, 3.32, 290.478
CIE-LUV	66.786, -0.347, -4.758
Hunter-Lab	60.29, -2.218, 0.682
Binary	10100010, 10100010, 10101000

#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a8a8a2
```
#a8a8a2 rgb(168,168,162)
```

Complementary Color

#a2a5a8
```
#a2a5a8 rgb(162,165,168)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a5a2a8
```
#a5a2a8 rgb(165,162,168)
```

Analogous Color

#a5a8a2
```
#a5a8a2 rgb(165,168,162)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a8a5a2
```
#a8a5a2 rgb(168,165,162)
```

Split Complementary Color

#a2a8a2
```
#a2a8a2 rgb(162,168,162)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a8a2a2
```
#a8a2a2 rgb(168,162,162)
```

Triadic Color

#a2a8a8
```
#a2a8a8 rgb(162,168,168)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a8a2a2
```
#a8a2a2 rgb(168,162,162)
```
#a8a8a2
```
#a8a8a2 rgb(168,168,162)
```

Tetradic Color

#7b7b83
```
#7b7b83 rgb(123,123,131)
```
#88888f
```
#88888f rgb(136,136,143)
```
#95959c
```
#95959c rgb(149,149,156)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#afafb4
```
#afafb4 rgb(175,175,180)
```
#bcbcc1
```
#bcbcc1 rgb(188,188,193)
```
#cacacd
```
#cacacd rgb(202,202,205)
```

Monochromatic Color

Below, you can see some colors close to #a2a2a8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a2a4a8
```
#a2a4a8 rgb(162,164,168)
```
#a2a3a8
```
#a2a3a8 rgb(162,163,168)
```
#a2a3a8
```
#a2a3a8 rgb(162,163,168)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#a3a2a8
```
#a3a2a8 rgb(163,162,168)
```
#a3a2a8
```
#a3a2a8 rgb(163,162,168)
```
#a4a2a8
```
#a4a2a8 rgb(164,162,168)
```

Similar Colors

Text with hexadecimal color #a2a2a8

This text has a font color of #a2a2a8.

<span style="color:#a2a2a8;">Text here</span>

#a2a2a8 background color

This paragraph has a background color of #a2a2a8.

<p style="background-color:#a2a2a8;">Content here</p>

#a2a2a8 border color

This element has a border color of #a2a2a8.

<div style="border:1px solid #a2a2a8;">Content here</div>

CSS codes

.text {color:#a2a2a8;}

.background {background-color:#a2a2a8;}

.border {border:1px solid #a2a2a8;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080808 is the darkest color, while #fdfdfd is the lightest one.

#080808
```
#080808 rgb(8,8,8)
```
#111112
```
#111112 rgb(17,17,18)
```
#1b1b1d
```
#1b1b1d rgb(27,27,29)
```
#242427
```
#242427 rgb(36,36,39)
```
#2e2e31
```
#2e2e31 rgb(46,46,49)
```
#37373b
```
#37373b rgb(55,55,59)
```
#414145
```
#414145 rgb(65,65,69)
```
#4a4a4f
```
#4a4a4f rgb(74,74,79)
```
#545459
```
#545459 rgb(84,84,89)
```
#5d5d64
```
#5d5d64 rgb(93,93,100)
```
#67676e
```
#67676e rgb(103,103,110)
```
#707078
```
#707078 rgb(112,112,120)
```
#7a7a82
```
#7a7a82 rgb(122,122,130)
```

Shade Color Variation

#84848c
```
#84848c rgb(132,132,140)
```
#8e8e95
```
#8e8e95 rgb(142,142,149)
```
#98989f
```
#98989f rgb(152,152,159)
```
#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#acacb1
```
#acacb1 rgb(172,172,177)
```
#b6b6bb
```
#b6b6bb rgb(182,182,187)
```
#c0c0c4
```
#c0c0c4 rgb(192,192,196)
```
#cbcbce
```
#cbcbce rgb(203,203,206)
```
#d5d5d7
```
#d5d5d7 rgb(213,213,215)
```
#dfdfe1
```
#dfdfe1 rgb(223,223,225)
```
#e9e9ea
```
#e9e9ea rgb(233,233,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a2a8 is the less saturated color, while #4f4ffb is the most saturated one.

#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#9b9baf
```
#9b9baf rgb(155,155,175)
```
#9494b6
```
#9494b6 rgb(148,148,182)
```
#8d8dbd
```
#8d8dbd rgb(141,141,189)
```
#8686c4
```
#8686c4 rgb(134,134,196)
```
#7f7fcb
```
#7f7fcb rgb(127,127,203)
```
#7878d2
```
#7878d2 rgb(120,120,210)
```
#7272d8
```
#7272d8 rgb(114,114,216)
```
#6b6bdf
```
#6b6bdf rgb(107,107,223)
```
#6464e6
```
#6464e6 rgb(100,100,230)
```
#5d5ded
```
#5d5ded rgb(93,93,237)
```
#5656f4
```
#5656f4 rgb(86,86,244)
```
#4f4ffb
```
#4f4ffb rgb(79,79,251)
```

Tone Color Variation

Below, you can see how #a2a2a8 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a3a3a3 Achromatopsia 0.005% of the population
#a3a3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a6ac Protanopia 1% of men
#b3a2ad Deuteranopia 1% of men
#a7a5b1 Tritanopia 0.001% of the population

Trichromacy

#a6a4aa Protanomaly 1% of men, 0.01% of women
#ada2ab Deuteranomaly 6% of men, 0.4% of women
#a5a4ae Tritanomaly 0.01% of the population

#a2a2a8 hex color

#a2a2a8 Color Information

#a2a2a8 Color Conversion

Color Schemes with #a2a2a8

Alternatives to #a2a2a8

#a2a2a8 Preview

Shades and Tints of #a2a2a8

Tones of #a2a2a8

Color Blindness Simulator