#a2b2d6 hex color

In a RGB color space, hex #a2b2d6 is composed of 63.5% red, 69.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 16.8% magenta, 0% yellow and 16.1% black. It has a hue angle of 221.5 degrees, a saturation of 38.8% and a lightness of 73.7%. #a2b2d6 color hex could be obtained by blending #ffffff with #4565ad. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 70
- B 84
RGB color chart
- C 24
- M 17
- Y 0
- K 16
CMYK color chart

● #a2b2d6 color description : Grayish blue.

The hexadecimal color #a2b2d6 has RGB values of R:162, G:178, B:214 and CMYK values of C:0.24, M:0.17, Y:0, K:0.16. Its decimal value is 10662614.

Hex triplet	a2b2d6	`#a2b2d6`
RGB Decimal	162, 178, 214	`rgb(162,178,214)`
RGB Percent	63.5, 69.8, 83.9	`rgb(63.5%,69.8%,83.9%)`
CMYK	24, 17, 0, 16
HSL	221.5°, 38.8, 73.7	`hsl(221.5,38.8%,73.7%)`
HSV (or HSB)	221.5°, 24.3, 83.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.479, 2.329, -19.995
XYZ	42.956, 44.376, 69.917
xyY	0.273, 0.282, 44.376
CIE-LCH	72.479, 20.13, 276.643
CIE-LUV	72.479, -10.12, -31.509
Hunter-Lab	66.616, -1.475, -15.597
Binary	10100010, 10110010, 11010110

#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#d6c6a2
```
#d6c6a2 rgb(214,198,162)
```

Complementary Color

#a2ccd6
```
#a2ccd6 rgb(162,204,214)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#aca2d6
```
#aca2d6 rgb(172,162,214)
```

Analogous Color

#ccd6a2
```
#ccd6a2 rgb(204,214,162)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#d6aca2
```
#d6aca2 rgb(214,172,162)
```

Split Complementary Color

#b2d6a2
```
#b2d6a2 rgb(178,214,162)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#d6a2b2
```
#d6a2b2 rgb(214,162,178)
```

Triadic Color

#a2d6c6
```
#a2d6c6 rgb(162,214,198)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#d6a2b2
```
#d6a2b2 rgb(214,162,178)
```
#d6c6a2
```
#d6c6a2 rgb(214,198,162)
```

Tetradic Color

#6d86bf
```
#6d86bf rgb(109,134,191)
```
#7f95c6
```
#7f95c6 rgb(127,149,198)
```
#90a3ce
```
#90a3ce rgb(144,163,206)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#b4c1de
```
#b4c1de rgb(180,193,222)
```
#c5cfe6
```
#c5cfe6 rgb(197,207,230)
```
#d7deed
```
#d7deed rgb(215,222,237)
```

Monochromatic Color

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

#a2bfd6
```
#a2bfd6 rgb(162,191,214)
```
#a2bbd6
```
#a2bbd6 rgb(162,187,214)
```
#a2b6d6
```
#a2b6d6 rgb(162,182,214)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#a2aed6
```
#a2aed6 rgb(162,174,214)
```
#a2a9d6
```
#a2a9d6 rgb(162,169,214)
```
#a2a5d6
```
#a2a5d6 rgb(162,165,214)
```

Similar Colors

Text with hexadecimal color #a2b2d6

This text has a font color of #a2b2d6.

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

#a2b2d6 background color

This paragraph has a background color of #a2b2d6.

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

#a2b2d6 border color

This element has a border color of #a2b2d6.

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

CSS codes

.text {color:#a2b2d6;}

.background {background-color:#a2b2d6;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0d121e
```
#0d121e rgb(13,18,30)
```
#131a2b
```
#131a2b rgb(19,26,43)
```
#192339
```
#192339 rgb(25,35,57)
```
#1f2b46
```
#1f2b46 rgb(31,43,70)
```
#253354
```
#253354 rgb(37,51,84)
```
#2b3c62
```
#2b3c62 rgb(43,60,98)
```
#31446f
```
#31446f rgb(49,68,111)
```
#374d7d
```
#374d7d rgb(55,77,125)
```
#3d558a
```
#3d558a rgb(61,85,138)
```
#435d98
```
#435d98 rgb(67,93,152)
```
#4966a6
```
#4966a6 rgb(73,102,166)
```

Shade Color Variation

#506eb2
```
#506eb2 rgb(80,110,178)
```
#5e7ab8
```
#5e7ab8 rgb(94,122,184)
```
#6c85be
```
#6c85be rgb(108,133,190)
```
#7990c4
```
#7990c4 rgb(121,144,196)
```
#879bca
```
#879bca rgb(135,155,202)
```
#94a7d0
```
#94a7d0 rgb(148,167,208)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#b0bddc
```
#b0bddc rgb(176,189,220)
```
#bdc9e2
```
#bdc9e2 rgb(189,201,226)
```
#cbd4e8
```
#cbd4e8 rgb(203,212,232)
```
#d8dfee
```
#d8dfee rgb(216,223,238)
```
#e6eaf4
```
#e6eaf4 rgb(230,234,244)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#bcbcbc
```
#bcbcbc rgb(188,188,188)
```
#b7bac1
```
#b7bac1 rgb(183,186,193)
```
#b1b8c7
```
#b1b8c7 rgb(177,184,199)
```
#acb6cc
```
#acb6cc rgb(172,182,204)
```
#a7b4d1
```
#a7b4d1 rgb(167,180,209)
```
#a2b2d6
```
#a2b2d6 rgb(162,178,214)
```
#9db0db
```
#9db0db rgb(157,176,219)
```
#98aee0
```
#98aee0 rgb(152,174,224)
```
#93ace5
```
#93ace5 rgb(147,172,229)
```
#8daaeb
```
#8daaeb rgb(141,170,235)
```
#88a8f0
```
#88a8f0 rgb(136,168,240)
```
#83a6f5
```
#83a6f5 rgb(131,166,245)
```
#7ea4fa
```
#7ea4fa rgb(126,164,250)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#aeb1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb4d7 Protanopia 1% of men
#b3b2d9 Deuteranopia 1% of men
#a2b9c6 Tritanopia 0.001% of the population

Trichromacy

#a9b3d6 Protanomaly 1% of men, 0.01% of women
#adb2d8 Deuteranomaly 6% of men, 0.4% of women
#a2b6cc Tritanomaly 0.01% of the population

#a2b2d6 hex color

#a2b2d6 Color Information

#a2b2d6 Color Conversion

Color Schemes with #a2b2d6

Alternatives to #a2b2d6

#a2b2d6 Preview

Shades and Tints of #a2b2d6

Tones of #a2b2d6

Color Blindness Simulator