#a2afba hex color

In a RGB color space, hex #a2afba is composed of 63.5% red, 68.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 5.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 207.5 degrees, a saturation of 14.8% and a lightness of 68.2%. #a2afba color hex could be obtained by blending #ffffff with #455f75. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 69
- B 73
RGB color chart
- C 13
- M 6
- Y 0
- K 27
CMYK color chart

● #a2afba color description : Grayish blue.

The hexadecimal color #a2afba has RGB values of R:162, G:175, B:186 and CMYK values of C:0.13, M:0.06, Y:0, K:0.27. Its decimal value is 10661818.

Hex triplet	a2afba	`#a2afba`
RGB Decimal	162, 175, 186	`rgb(162,175,186)`
RGB Percent	63.5, 68.6, 72.9	`rgb(63.5%,68.6%,72.9%)`
CMYK	13, 6, 0, 27
HSL	207.5°, 14.8, 68.2	`hsl(207.5,14.8%,68.2%)`
HSV (or HSB)	207.5°, 12.9, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.792, -2.269, -7.165
XYZ	39.091, 41.886, 52.477
xyY	0.293, 0.314, 41.886
CIE-LCH	70.792, 7.516, 252.429
CIE-LUV	70.792, -7.604, -10.394
Hunter-Lab	64.719, -5.443, -2.771
Binary	10100010, 10101111, 10111010

#a2afba
```
#a2afba rgb(162,175,186)
```
#baada2
```
#baada2 rgb(186,173,162)
```

Complementary Color

#a2bab9
```
#a2bab9 rgb(162,186,185)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#a2a3ba
```
#a2a3ba rgb(162,163,186)
```

Analogous Color

#bab9a2
```
#bab9a2 rgb(186,185,162)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#baa2a3
```
#baa2a3 rgb(186,162,163)
```

Split Complementary Color

#afbaa2
```
#afbaa2 rgb(175,186,162)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#baa2af
```
#baa2af rgb(186,162,175)
```

Triadic Color

#a2baad
```
#a2baad rgb(162,186,173)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#baa2af
```
#baa2af rgb(186,162,175)
```
#baada2
```
#baada2 rgb(186,173,162)
```

Tetradic Color

#768999
```
#768999 rgb(118,137,153)
```
#8596a4
```
#8596a4 rgb(133,150,164)
```
#93a2af
```
#93a2af rgb(147,162,175)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#b1bcc5
```
#b1bcc5 rgb(177,188,197)
```
#bfc8d0
```
#bfc8d0 rgb(191,200,208)
```
#ced5db
```
#ced5db rgb(206,213,219)
```

Monochromatic Color

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

#a2b5ba
```
#a2b5ba rgb(162,181,186)
```
#a2b3ba
```
#a2b3ba rgb(162,179,186)
```
#a2b1ba
```
#a2b1ba rgb(162,177,186)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#a2adba
```
#a2adba rgb(162,173,186)
```
#a2abba
```
#a2abba rgb(162,171,186)
```
#a2a9ba
```
#a2a9ba rgb(162,169,186)
```

Similar Colors

Text with hexadecimal color #a2afba

This text has a font color of #a2afba.

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

#a2afba background color

This paragraph has a background color of #a2afba.

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

#a2afba border color

This element has a border color of #a2afba.

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

CSS codes

.text {color:#a2afba;}

.background {background-color:#a2afba;}

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

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, #060708 is the darkest color, while #fcfcfd is the lightest one.

#060708
```
#060708 rgb(6,7,8)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#171b1f
```
#171b1f rgb(23,27,31)
```
#1f252a
```
#1f252a rgb(31,37,42)
```
#282f35
```
#282f35 rgb(40,47,53)
```
#303941
```
#303941 rgb(48,57,65)
```
#38434c
```
#38434c rgb(56,67,76)
```
#414d57
```
#414d57 rgb(65,77,87)
```
#495762
```
#495762 rgb(73,87,98)
```
#51616e
```
#51616e rgb(81,97,110)
```
#5a6b79
```
#5a6b79 rgb(90,107,121)
```
#627584
```
#627584 rgb(98,117,132)
```
#6a7f8f
```
#6a7f8f rgb(106,127,143)
```

Shade Color Variation

#758899
```
#758899 rgb(117,136,153)
```
#8092a1
```
#8092a1 rgb(128,146,161)
```
#8b9ca9
```
#8b9ca9 rgb(139,156,169)
```
#97a5b2
```
#97a5b2 rgb(151,165,178)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#adb9c2
```
#adb9c2 rgb(173,185,194)
```
#b9c2cb
```
#b9c2cb rgb(185,194,203)
```
#c4ccd3
```
#c4ccd3 rgb(196,204,211)
```
#cfd6db
```
#cfd6db rgb(207,214,219)
```
#dadfe4
```
#dadfe4 rgb(218,223,228)
```
#e6e9ec
```
#e6e9ec rgb(230,233,236)
```
#f1f3f4
```
#f1f3f4 rgb(241,243,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#a8aeb4
```
#a8aeb4 rgb(168,174,180)
```
#a2afba
```
#a2afba rgb(162,175,186)
```
#9cb0c0
```
#9cb0c0 rgb(156,176,192)
```
#96b0c6
```
#96b0c6 rgb(150,176,198)
```
#8fb1cd
```
#8fb1cd rgb(143,177,205)
```
#89b1d3
```
#89b1d3 rgb(137,177,211)
```
#83b2d9
```
#83b2d9 rgb(131,178,217)
```
#7db2df
```
#7db2df rgb(125,178,223)
```
#76b3e6
```
#76b3e6 rgb(118,179,230)
```
#70b3ec
```
#70b3ec rgb(112,179,236)
```
#6ab4f2
```
#6ab4f2 rgb(106,180,242)
```
#64b4f8
```
#64b4f8 rgb(100,180,248)
```
#5db5ff
```
#5db5ff rgb(93,181,255)
```

Tone Color Variation

Below, you can see how #a2afba 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

#acacac Achromatopsia 0.005% of the population
#aaadaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0bc Protanopia 1% of men
#bbacbf Deuteranopia 1% of men
#a7b2bf Tritanopia 0.001% of the population

Trichromacy

#abafbb Protanomaly 1% of men, 0.01% of women
#b1adbd Deuteranomaly 6% of men, 0.4% of women
#a5b1bd Tritanomaly 0.01% of the population

#a2afba hex color

#a2afba Color Information

#a2afba Color Conversion

Color Schemes with #a2afba

Alternatives to #a2afba

#a2afba Preview

Shades and Tints of #a2afba

Tones of #a2afba

Color Blindness Simulator