#a2b2d5 hex color

In a RGB color space, hex #a2b2d5 is composed of 63.5% red, 69.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 16.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 221.2 degrees, a saturation of 37.8% and a lightness of 73.5%. #a2b2d5 color hex could be obtained by blending #ffffff with #4565ab. Closest websafe color is: #9999cc.

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

● #a2b2d5 color description : Grayish blue.

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

Hex triplet	a2b2d5	`#a2b2d5`
RGB Decimal	162, 178, 213	`rgb(162,178,213)`
RGB Percent	63.5, 69.8, 83.5	`rgb(63.5%,69.8%,83.5%)`
CMYK	24, 16, 0, 16
HSL	221.2°, 37.8, 73.5	`hsl(221.2,37.8%,73.5%)`
HSV (or HSB)	221.2°, 23.9, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.446, 2.095, -19.5
XYZ	42.828, 44.325, 69.246
xyY	0.274, 0.283, 44.325
CIE-LCH	72.446, 19.612, 276.133
CIE-LUV	72.446, -10.08, -30.667
Hunter-Lab	66.577, -1.683, -15.063
Binary	10100010, 10110010, 11010101

#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#d5c5a2
```
#d5c5a2 rgb(213,197,162)
```

Complementary Color

#a2ccd5
```
#a2ccd5 rgb(162,204,213)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#aca2d5
```
#aca2d5 rgb(172,162,213)
```

Analogous Color

#ccd5a2
```
#ccd5a2 rgb(204,213,162)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#d5aca2
```
#d5aca2 rgb(213,172,162)
```

Split Complementary Color

#b2d5a2
```
#b2d5a2 rgb(178,213,162)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#d5a2b2
```
#d5a2b2 rgb(213,162,178)
```

Triadic Color

#a2d5c5
```
#a2d5c5 rgb(162,213,197)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#d5a2b2
```
#d5a2b2 rgb(213,162,178)
```
#d5c5a2
```
#d5c5a2 rgb(213,197,162)
```

Tetradic Color

#6d86bd
```
#6d86bd rgb(109,134,189)
```
#7f95c5
```
#7f95c5 rgb(127,149,197)
```
#90a3cd
```
#90a3cd rgb(144,163,205)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#b4c1dd
```
#b4c1dd rgb(180,193,221)
```
#c5cfe5
```
#c5cfe5 rgb(197,207,229)
```
#d7deed
```
#d7deed rgb(215,222,237)
```

Monochromatic Color

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

#a2bfd5
```
#a2bfd5 rgb(162,191,213)
```
#a2bbd5
```
#a2bbd5 rgb(162,187,213)
```
#a2b6d5
```
#a2b6d5 rgb(162,182,213)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#a2aed5
```
#a2aed5 rgb(162,174,213)
```
#a2aad5
```
#a2aad5 rgb(162,170,213)
```
#a2a5d5
```
#a2a5d5 rgb(162,165,213)
```

Similar Colors

Text with hexadecimal color #a2b2d5

This text has a font color of #a2b2d5.

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

#a2b2d5 background color

This paragraph has a background color of #a2b2d5.

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

#a2b2d5 border color

This element has a border color of #a2b2d5.

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

CSS codes

.text {color:#a2b2d5;}

.background {background-color:#a2b2d5;}

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

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 #f3f5fa is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#07090f
```
#07090f rgb(7,9,15)
```
#0d121d
```
#0d121d rgb(13,18,29)
```
#131a2a
```
#131a2a rgb(19,26,42)
```
#192338
```
#192338 rgb(25,35,56)
```
#1f2b45
```
#1f2b45 rgb(31,43,69)
```
#253453
```
#253453 rgb(37,52,83)
```
#2b3c60
```
#2b3c60 rgb(43,60,96)
```
#32446e
```
#32446e rgb(50,68,110)
```
#384d7b
```
#384d7b rgb(56,77,123)
```
#3e5589
```
#3e5589 rgb(62,85,137)
```
#445e96
```
#445e96 rgb(68,94,150)
```
#4a66a4
```
#4a66a4 rgb(74,102,164)
```

Shade Color Variation

#516fb0
```
#516fb0 rgb(81,111,176)
```
#5e7ab6
```
#5e7ab6 rgb(94,122,182)
```
#6c85bd
```
#6c85bd rgb(108,133,189)
```
#7990c3
```
#7990c3 rgb(121,144,195)
```
#879cc9
```
#879cc9 rgb(135,156,201)
```
#94a7cf
```
#94a7cf rgb(148,167,207)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#b0bddb
```
#b0bddb rgb(176,189,219)
```
#bdc8e1
```
#bdc8e1 rgb(189,200,225)
```
#cbd4e7
```
#cbd4e7 rgb(203,212,231)
```
#d8dfed
```
#d8dfed rgb(216,223,237)
```
#e6eaf4
```
#e6eaf4 rgb(230,234,244)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

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

#b7bac0
```
#b7bac0 rgb(183,186,192)
```
#b2b8c5
```
#b2b8c5 rgb(178,184,197)
```
#acb6cb
```
#acb6cb rgb(172,182,203)
```
#a7b4d0
```
#a7b4d0 rgb(167,180,208)
```
#a2b2d5
```
#a2b2d5 rgb(162,178,213)
```
#9db0da
```
#9db0da rgb(157,176,218)
```
#98aedf
```
#98aedf rgb(152,174,223)
```
#92ace5
```
#92ace5 rgb(146,172,229)
```
#8daaea
```
#8daaea rgb(141,170,234)
```
#88a8ef
```
#88a8ef rgb(136,168,239)
```
#83a6f4
```
#83a6f4 rgb(131,166,244)
```
#7ea4f9
```
#7ea4f9 rgb(126,164,249)
```
#78a3ff
```
#78a3ff rgb(120,163,255)
```

Tone Color Variation

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

#aeb4d6 Protanopia 1% of men
#b4b2d8 Deuteranopia 1% of men
#a2b9c6 Tritanopia 0.001% of the population

Trichromacy

#a9b3d5 Protanomaly 1% of men, 0.01% of women
#adb2d7 Deuteranomaly 6% of men, 0.4% of women
#a2b6cb Tritanomaly 0.01% of the population

#a2b2d5 hex color

#a2b2d5 Color Information

#a2b2d5 Color Conversion

Color Schemes with #a2b2d5

Alternatives to #a2b2d5

#a2b2d5 Preview

Shades and Tints of #a2b2d5

Tones of #a2b2d5

Color Blindness Simulator