#a2b1ca hex color

In a RGB color space, hex #a2b1ca is composed of 63.5% red, 69.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 12.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 217.5 degrees, a saturation of 27.4% and a lightness of 71.4%. #a2b1ca color hex could be obtained by blending #ffffff with #456395. Closest websafe color is: #9999cc.

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

● #a2b1ca color description : Grayish blue.

The hexadecimal color #a2b1ca has RGB values of R:162, G:177, B:202 and CMYK values of C:0.2, M:0.12, Y:0, K:0.21. Its decimal value is 10662346.

Hex triplet	a2b1ca	`#a2b1ca`
RGB Decimal	162, 177, 202	`rgb(162,177,202)`
RGB Percent	63.5, 69.4, 79.2	`rgb(63.5%,69.4%,79.2%)`
CMYK	20, 12, 0, 21
HSL	217.5°, 27.4, 71.4	`hsl(217.5,27.4%,71.4%)`
HSV (or HSB)	217.5°, 19.8, 79.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.818, 0.125, -14.425
XYZ	41.281, 43.389, 62.074
xyY	0.281, 0.296, 43.389
CIE-LCH	71.818, 14.426, 270.495
CIE-LUV	71.818, -9.192, -22.169
Hunter-Lab	65.871, -3.408, -9.763
Binary	10100010, 10110001, 11001010

#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#cabba2
```
#cabba2 rgb(202,187,162)
```

Complementary Color

#a2c5ca
```
#a2c5ca rgb(162,197,202)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#a7a2ca
```
#a7a2ca rgb(167,162,202)
```

Analogous Color

#c5caa2
```
#c5caa2 rgb(197,202,162)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#caa7a2
```
#caa7a2 rgb(202,167,162)
```

Split Complementary Color

#b1caa2
```
#b1caa2 rgb(177,202,162)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#caa2b1
```
#caa2b1 rgb(202,162,177)
```

Triadic Color

#a2cabb
```
#a2cabb rgb(162,202,187)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#caa2b1
```
#caa2b1 rgb(202,162,177)
```
#cabba2
```
#cabba2 rgb(202,187,162)
```

Tetradic Color

#7188ae
```
#7188ae rgb(113,136,174)
```
#8296b7
```
#8296b7 rgb(130,150,183)
```
#92a3c1
```
#92a3c1 rgb(146,163,193)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#b2bfd3
```
#b2bfd3 rgb(178,191,211)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#d3dae6
```
#d3dae6 rgb(211,218,230)
```

Monochromatic Color

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

#a2bbca
```
#a2bbca rgb(162,187,202)
```
#a2b8ca
```
#a2b8ca rgb(162,184,202)
```
#a2b4ca
```
#a2b4ca rgb(162,180,202)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#a2aeca
```
#a2aeca rgb(162,174,202)
```
#a2aaca
```
#a2aaca rgb(162,170,202)
```
#a2a7ca
```
#a2a7ca rgb(162,167,202)
```

Similar Colors

Text with hexadecimal color #a2b1ca

This text has a font color of #a2b1ca.

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

#a2b1ca background color

This paragraph has a background color of #a2b1ca.

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

#a2b1ca border color

This element has a border color of #a2b1ca.

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

CSS codes

.text {color:#a2b1ca;}

.background {background-color:#a2b1ca;}

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e13
```
#0b0e13 rgb(11,14,19)
```
#121720
```
#121720 rgb(18,23,32)
```
#19202c
```
#19202c rgb(25,32,44)
```
#202a39
```
#202a39 rgb(32,42,57)
```
#283345
```
#283345 rgb(40,51,69)
```
#2f3c52
```
#2f3c52 rgb(47,60,82)
```
#36455e
```
#36455e rgb(54,69,94)
```
#3d4e6b
```
#3d4e6b rgb(61,78,107)
```
#445777
```
#445777 rgb(68,87,119)
```
#4b6084
```
#4b6084 rgb(75,96,132)
```
#526a90
```
#526a90 rgb(82,106,144)
```
#59739d
```
#59739d rgb(89,115,157)
```

Shade Color Variation

#647da6
```
#647da6 rgb(100,125,166)
```
#7087ae
```
#7087ae rgb(112,135,174)
```
#7d92b5
```
#7d92b5 rgb(125,146,181)
```
#899cbc
```
#899cbc rgb(137,156,188)
```
#96a7c3
```
#96a7c3 rgb(150,167,195)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#aebbd1
```
#aebbd1 rgb(174,187,209)
```
#bbc6d8
```
#bbc6d8 rgb(187,198,216)
```
#c7d0df
```
#c7d0df rgb(199,208,223)
```
#d4dbe6
```
#d4dbe6 rgb(212,219,230)
```
#e0e5ee
```
#e0e5ee rgb(224,229,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#b3b5b9
```
#b3b5b9 rgb(179,181,185)
```
#adb4bf
```
#adb4bf rgb(173,180,191)
```
#a8b2c4
```
#a8b2c4 rgb(168,178,196)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#9cb0d0
```
#9cb0d0 rgb(156,176,208)
```
#97aed5
```
#97aed5 rgb(151,174,213)
```
#91addb
```
#91addb rgb(145,173,219)
```
#8cabe0
```
#8cabe0 rgb(140,171,224)
```
#86aae6
```
#86aae6 rgb(134,170,230)
```
#80a9ec
```
#80a9ec rgb(128,169,236)
```
#7ba7f1
```
#7ba7f1 rgb(123,167,241)
```
#75a6f7
```
#75a6f7 rgb(117,166,247)
```
#6fa4fd
```
#6fa4fd rgb(111,164,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#acafb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb2cb Protanopia 1% of men
#b7b0ce Deuteranopia 1% of men
#a4b6c3 Tritanopia 0.001% of the population

Trichromacy

#aab2ca Protanomaly 1% of men, 0.01% of women
#afb0cc Deuteranomaly 6% of men, 0.4% of women
#a3b4c6 Tritanomaly 0.01% of the population

#a2b1ca hex color

#a2b1ca Color Information

#a2b1ca Color Conversion

Color Schemes with #a2b1ca

Alternatives to #a2b1ca

#a2b1ca Preview

Shades and Tints of #a2b1ca

Tones of #a2b1ca

Color Blindness Simulator