#a2afcb hex color

In a RGB color space, hex #a2afcb is composed of 63.5% red, 68.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 13.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 221 degrees, a saturation of 28.3% and a lightness of 71.6%. #a2afcb color hex could be obtained by blending #ffffff with #455f97. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 69
- B 80
RGB color chart
- C 20
- M 14
- Y 0
- K 20
CMYK color chart

● #a2afcb color description : Grayish blue.

The hexadecimal color #a2afcb has RGB values of R:162, G:175, B:203 and CMYK values of C:0.2, M:0.14, Y:0, K:0.2. Its decimal value is 10661835.

Hex triplet	a2afcb	`#a2afcb`
RGB Decimal	162, 175, 203	`rgb(162,175,203)`
RGB Percent	63.5, 68.6, 79.6	`rgb(63.5%,68.6%,79.6%)`
CMYK	20, 14, 0, 20
HSL	221°, 28.3, 71.6	`hsl(221,28.3%,71.6%)`
HSV (or HSB)	221°, 20.2, 79.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.318, 1.442, -15.727
XYZ	41.008, 42.652, 62.569
xyY	0.28, 0.292, 42.652
CIE-LCH	71.318, 15.793, 275.238
CIE-LUV	71.318, -8.32, -24.423
Hunter-Lab	65.309, -2.21, -11.086
Binary	10100010, 10101111, 11001011

#a2afcb
```
#a2afcb rgb(162,175,203)
```
#cbbea2
```
#cbbea2 rgb(203,190,162)
```

Complementary Color

#a2c4cb
```
#a2c4cb rgb(162,196,203)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#aaa2cb
```
#aaa2cb rgb(170,162,203)
```

Analogous Color

#c4cba2
```
#c4cba2 rgb(196,203,162)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#cbaaa2
```
#cbaaa2 rgb(203,170,162)
```

Split Complementary Color

#afcba2
```
#afcba2 rgb(175,203,162)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#cba2af
```
#cba2af rgb(203,162,175)
```

Triadic Color

#a2cbbe
```
#a2cbbe rgb(162,203,190)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#cba2af
```
#cba2af rgb(203,162,175)
```
#cbbea2
```
#cbbea2 rgb(203,190,162)
```

Tetradic Color

#7185b0
```
#7185b0 rgb(113,133,176)
```
#8193b9
```
#8193b9 rgb(129,147,185)
```
#92a1c2
```
#92a1c2 rgb(146,161,194)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#b2bdd4
```
#b2bdd4 rgb(178,189,212)
```
#c3cbdd
```
#c3cbdd rgb(195,203,221)
```
#d3d9e6
```
#d3d9e6 rgb(211,217,230)
```

Monochromatic Color

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

#a2b9cb
```
#a2b9cb rgb(162,185,203)
```
#a2b6cb
```
#a2b6cb rgb(162,182,203)
```
#a2b2cb
```
#a2b2cb rgb(162,178,203)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#a2accb
```
#a2accb rgb(162,172,203)
```
#a2a8cb
```
#a2a8cb rgb(162,168,203)
```
#a2a5cb
```
#a2a5cb rgb(162,165,203)
```

Similar Colors

Text with hexadecimal color #a2afcb

This text has a font color of #a2afcb.

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

#a2afcb background color

This paragraph has a background color of #a2afcb.

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

#a2afcb border color

This element has a border color of #a2afcb.

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

CSS codes

.text {color:#a2afcb;}

.background {background-color:#a2afcb;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#121721
```
#121721 rgb(18,23,33)
```
#19202d
```
#19202d rgb(25,32,45)
```
#20293a
```
#20293a rgb(32,41,58)
```
#273147
```
#273147 rgb(39,49,71)
```
#2e3a53
```
#2e3a53 rgb(46,58,83)
```
#364360
```
#364360 rgb(54,67,96)
```
#3d4c6c
```
#3d4c6c rgb(61,76,108)
```
#445479
```
#445479 rgb(68,84,121)
```
#4b5d85
```
#4b5d85 rgb(75,93,133)
```
#526692
```
#526692 rgb(82,102,146)
```
#596f9f
```
#596f9f rgb(89,111,159)
```

Shade Color Variation

#6379a8
```
#6379a8 rgb(99,121,168)
```
#7084af
```
#7084af rgb(112,132,175)
```
#7c8fb6
```
#7c8fb6 rgb(124,143,182)
```
#8999bd
```
#8999bd rgb(137,153,189)
```
#95a4c4
```
#95a4c4 rgb(149,164,196)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#afbad2
```
#afbad2 rgb(175,186,210)
```
#bbc5d9
```
#bbc5d9 rgb(187,197,217)
```
#c8cfe0
```
#c8cfe0 rgb(200,207,224)
```
#d4dae7
```
#d4dae7 rgb(212,218,231)
```
#e1e5ee
```
#e1e5ee rgb(225,229,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#b3b5ba
```
#b3b5ba rgb(179,181,186)
```
#adb3c0
```
#adb3c0 rgb(173,179,192)
```
#a8b1c5
```
#a8b1c5 rgb(168,177,197)
```
#a2afcb
```
#a2afcb rgb(162,175,203)
```
#9cadd1
```
#9cadd1 rgb(156,173,209)
```
#97abd6
```
#97abd6 rgb(151,171,214)
```
#91a9dc
```
#91a9dc rgb(145,169,220)
```
#8ca7e1
```
#8ca7e1 rgb(140,167,225)
```
#86a5e7
```
#86a5e7 rgb(134,165,231)
```
#81a3ec
```
#81a3ec rgb(129,163,236)
```
#7ba1f2
```
#7ba1f2 rgb(123,161,242)
```
#759ff8
```
#759ff8 rgb(117,159,248)
```
#709dfd
```
#709dfd rgb(112,157,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#acaeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb1cc Protanopia 1% of men
#b4aecf Deuteranopia 1% of men
#a4b5c2 Tritanopia 0.001% of the population

Trichromacy

#a9b0cc Protanomaly 1% of men, 0.01% of women
#aeaecd Deuteranomaly 6% of men, 0.4% of women
#a3b2c5 Tritanomaly 0.01% of the population

#a2afcb hex color

#a2afcb Color Information

#a2afcb Color Conversion

Color Schemes with #a2afcb

Alternatives to #a2afcb

#a2afcb Preview

Shades and Tints of #a2afcb

Tones of #a2afcb

Color Blindness Simulator