#a2abb4 hex color

In a RGB color space, hex #a2abb4 is composed of 63.5% red, 67.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 5% magenta, 0% yellow and 29.4% black. It has a hue angle of 210 degrees, a saturation of 10.7% and a lightness of 67.1%. #a2abb4 color hex could be obtained by blending #ffffff with #455769. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 67
- B 71
RGB color chart
- C 10
- M 5
- Y 0
- K 29
CMYK color chart

● #a2abb4 color description : Grayish blue.

The hexadecimal color #a2abb4 has RGB values of R:162, G:171, B:180 and CMYK values of C:0.1, M:0.05, Y:0, K:0.29. Its decimal value is 10660788.

Hex triplet	a2abb4	`#a2abb4`
RGB Decimal	162, 171, 180	`rgb(162,171,180)`
RGB Percent	63.5, 67.1, 70.6	`rgb(63.5%,67.1%,70.6%)`
CMYK	10, 5, 0, 29
HSL	210°, 10.7, 67.1	`hsl(210,10.7%,67.1%)`
HSV (or HSB)	210°, 10, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.542, -1.347, -5.707
XYZ	37.7, 40.102, 48.932
xyY	0.297, 0.316, 40.102
CIE-LCH	69.542, 5.864, 256.723
CIE-LUV	69.542, -5.415, -8.288
Hunter-Lab	63.326, -4.555, -1.485
Binary	10100010, 10101011, 10110100

#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#b4aba2
```
#b4aba2 rgb(180,171,162)
```

Complementary Color

#a2b4b4
```
#a2b4b4 rgb(162,180,180)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#a2a2b4
```
#a2a2b4 rgb(162,162,180)
```

Analogous Color

#b4b4a2
```
#b4b4a2 rgb(180,180,162)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#b4a2a2
```
#b4a2a2 rgb(180,162,162)
```

Split Complementary Color

#abb4a2
```
#abb4a2 rgb(171,180,162)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#b4a2ab
```
#b4a2ab rgb(180,162,171)
```

Triadic Color

#a2b4ab
```
#a2b4ab rgb(162,180,171)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#b4a2ab
```
#b4a2ab rgb(180,162,171)
```
#b4aba2
```
#b4aba2 rgb(180,171,162)
```

Tetradic Color

#788592
```
#788592 rgb(120,133,146)
```
#86929d
```
#86929d rgb(134,146,157)
```
#949ea9
```
#949ea9 rgb(148,158,169)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#b0b8bf
```
#b0b8bf rgb(176,184,191)
```
#bec5cb
```
#bec5cb rgb(190,197,203)
```
#ccd1d6
```
#ccd1d6 rgb(204,209,214)
```

Monochromatic Color

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

#a2b0b4
```
#a2b0b4 rgb(162,176,180)
```
#a2aeb4
```
#a2aeb4 rgb(162,174,180)
```
#a2adb4
```
#a2adb4 rgb(162,173,180)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#a2aab4
```
#a2aab4 rgb(162,170,180)
```
#a2a8b4
```
#a2a8b4 rgb(162,168,180)
```
#a2a7b4
```
#a2a7b4 rgb(162,167,180)
```

Similar Colors

Text with hexadecimal color #a2abb4

This text has a font color of #a2abb4.

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

#a2abb4 background color

This paragraph has a background color of #a2abb4.

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

#a2abb4 border color

This element has a border color of #a2abb4.

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

CSS codes

.text {color:#a2abb4;}

.background {background-color:#a2abb4;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0e10
```
#0d0e10 rgb(13,14,16)
```
#15181a
```
#15181a rgb(21,24,26)
```
#1e2225
```
#1e2225 rgb(30,34,37)
```
#272c30
```
#272c30 rgb(39,44,48)
```
#30353b
```
#30353b rgb(48,53,59)
```
#383f46
```
#383f46 rgb(56,63,70)
```
#414951
```
#414951 rgb(65,73,81)
```
#4a535c
```
#4a535c rgb(74,83,92)
```
#535d66
```
#535d66 rgb(83,93,102)
```
#5b6671
```
#5b6671 rgb(91,102,113)
```
#64707c
```
#64707c rgb(100,112,124)
```
#6d7a87
```
#6d7a87 rgb(109,122,135)
```

Shade Color Variation

#778491
```
#778491 rgb(119,132,145)
```
#818e9a
```
#818e9a rgb(129,142,154)
```
#8c97a2
```
#8c97a2 rgb(140,151,162)
```
#97a1ab
```
#97a1ab rgb(151,161,171)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#adb5bd
```
#adb5bd rgb(173,181,189)
```
#b8bfc6
```
#b8bfc6 rgb(184,191,198)
```
#c3c8ce
```
#c3c8ce rgb(195,200,206)
```
#cdd2d7
```
#cdd2d7 rgb(205,210,215)
```
#d8dce0
```
#d8dce0 rgb(216,220,224)
```
#e3e6e9
```
#e3e6e9 rgb(227,230,233)
```
#eef0f1
```
#eef0f1 rgb(238,240,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#a8abae
```
#a8abae rgb(168,171,174)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#9cabba
```
#9cabba rgb(156,171,186)
```
#95abc1
```
#95abc1 rgb(149,171,193)
```
#8fabc7
```
#8fabc7 rgb(143,171,199)
```
#88abce
```
#88abce rgb(136,171,206)
```
#82abd4
```
#82abd4 rgb(130,171,212)
```
#7babdb
```
#7babdb rgb(123,171,219)
```
#75abe1
```
#75abe1 rgb(117,171,225)
```
#6eabe8
```
#6eabe8 rgb(110,171,232)
```
#68abee
```
#68abee rgb(104,171,238)
```
#61abf5
```
#61abf5 rgb(97,171,245)
```
#5babfb
```
#5babfb rgb(91,171,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a8a9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeadb6 Protanopia 1% of men
#b8a9b9 Deuteranopia 1% of men
#a7aebb Tritanopia 0.001% of the population

Trichromacy

#aaacb5 Protanomaly 1% of men, 0.01% of women
#b0aab7 Deuteranomaly 6% of men, 0.4% of women
#a5adb8 Tritanomaly 0.01% of the population

#a2abb4 hex color

#a2abb4 Color Information

#a2abb4 Color Conversion

Color Schemes with #a2abb4

Alternatives to #a2abb4

#a2abb4 Preview

Shades and Tints of #a2abb4

Tones of #a2abb4

Color Blindness Simulator