#a2bbaf hex color

In a RGB color space, hex #a2bbaf is composed of 63.5% red, 73.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 0% magenta, 6.4% yellow and 26.7% black. It has a hue angle of 151.2 degrees, a saturation of 15.5% and a lightness of 68.4%. #a2bbaf color hex could be obtained by blending #ffffff with #45775f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 73
- B 69
RGB color chart
- C 13
- M 0
- Y 6
- K 27
CMYK color chart

● #a2bbaf color description : Grayish cyan - lime green.

The hexadecimal color #a2bbaf has RGB values of R:162, G:187, B:175 and CMYK values of C:0.13, M:0, Y:0.06, K:0.27. Its decimal value is 10664879.

Hex triplet	a2bbaf	`#a2bbaf`
RGB Decimal	162, 187, 175	`rgb(162,187,175)`
RGB Percent	63.5, 73.3, 68.6	`rgb(63.5%,73.3%,68.6%)`
CMYK	13, 0, 6, 27
HSL	151.2°, 15.5, 68.4	`hsl(151.2,15.5%,68.4%)`
HSV (or HSB)	151.2°, 13.4, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.75, -10.895, 3.2
XYZ	40.407, 46.316, 47.366
xyY	0.301, 0.345, 46.316
CIE-LCH	73.75, 11.355, 163.631
CIE-LUV	73.75, -13.037, 6.556
Hunter-Lab	68.056, -13.118, 6.374
Binary	10100010, 10111011, 10101111

#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```

Complementary Color

#a2bba3
```
#a2bba3 rgb(162,187,163)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#a2bbbb
```
#a2bbbb rgb(162,187,187)
```

Analogous Color

#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#bba2bb
```
#bba2bb rgb(187,162,187)
```

Split Complementary Color

#bbafa2
```
#bbafa2 rgb(187,175,162)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#afa2bb
```
#afa2bb rgb(175,162,187)
```

Triadic Color

#aebba2
```
#aebba2 rgb(174,187,162)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#afa2bb
```
#afa2bb rgb(175,162,187)
```
#bba2ae
```
#bba2ae rgb(187,162,174)
```

Tetradic Color

#769b89
```
#769b89 rgb(118,155,137)
```
#85a596
```
#85a596 rgb(133,165,150)
```
#93b0a2
```
#93b0a2 rgb(147,176,162)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#b1c6bc
```
#b1c6bc rgb(177,198,188)
```
#bfd1c8
```
#bfd1c8 rgb(191,209,200)
```
#cedbd5
```
#cedbd5 rgb(206,219,213)
```

Monochromatic Color

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

#a2bba9
```
#a2bba9 rgb(162,187,169)
```
#a2bbab
```
#a2bbab rgb(162,187,171)
```
#a2bbad
```
#a2bbad rgb(162,187,173)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#a2bbb1
```
#a2bbb1 rgb(162,187,177)
```
#a2bbb3
```
#a2bbb3 rgb(162,187,179)
```
#a2bbb5
```
#a2bbb5 rgb(162,187,181)
```

Similar Colors

Text with hexadecimal color #a2bbaf

This text has a font color of #a2bbaf.

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

#a2bbaf background color

This paragraph has a background color of #a2bbaf.

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

#a2bbaf border color

This element has a border color of #a2bbaf.

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

CSS codes

.text {color:#a2bbaf;}

.background {background-color:#a2bbaf;}

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

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

#070908
```
#070908 rgb(7,9,8)
```
#0f1412
```
#0f1412 rgb(15,20,18)
```
#17201c
```
#17201c rgb(23,32,28)
```
#1f2b25
```
#1f2b25 rgb(31,43,37)
```
#28362f
```
#28362f rgb(40,54,47)
```
#304239
```
#304239 rgb(48,66,57)
```
#384d43
```
#384d43 rgb(56,77,67)
```
#41584d
```
#41584d rgb(65,88,77)
```
#496457
```
#496457 rgb(73,100,87)
```
#516f61
```
#516f61 rgb(81,111,97)
```
#597a6b
```
#597a6b rgb(89,122,107)
```
#628674
```
#628674 rgb(98,134,116)
```
#6a917e
```
#6a917e rgb(106,145,126)
```

Shade Color Variation

#759a88
```
#759a88 rgb(117,154,136)
```
#80a292
```
#80a292 rgb(128,162,146)
```
#8baa9c
```
#8baa9c rgb(139,170,156)
```
#97b3a5
```
#97b3a5 rgb(151,179,165)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#adc3b9
```
#adc3b9 rgb(173,195,185)
```
#b9ccc2
```
#b9ccc2 rgb(185,204,194)
```
#c4d4cc
```
#c4d4cc rgb(196,212,204)
```
#cfdcd6
```
#cfdcd6 rgb(207,220,214)
```
#dbe4e0
```
#dbe4e0 rgb(219,228,224)
```
#e6ede9
```
#e6ede9 rgb(230,237,233)
```
#f1f5f3
```
#f1f5f3 rgb(241,245,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#aeafaf
```
#aeafaf rgb(174,175,175)
```
#a8b5af
```
#a8b5af rgb(168,181,175)
```
#a2bbaf
```
#a2bbaf rgb(162,187,175)
```
#9cc1af
```
#9cc1af rgb(156,193,175)
```
#96c7af
```
#96c7af rgb(150,199,175)
```
#8fceb0
```
#8fceb0 rgb(143,206,176)
```
#89d4b0
```
#89d4b0 rgb(137,212,176)
```
#83dab0
```
#83dab0 rgb(131,218,176)
```
#7de0b0
```
#7de0b0 rgb(125,224,176)
```
#77e6b1
```
#77e6b1 rgb(119,230,177)
```
#70edb1
```
#70edb1 rgb(112,237,177)
```
#6af3b1
```
#6af3b1 rgb(106,243,177)
```
#64f9b1
```
#64f9b1 rgb(100,249,177)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#afb4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb8b0 Protanopia 1% of men
#cab3b6 Deuteranopia 1% of men
#abbbc8 Tritanopia 0.001% of the population

Trichromacy

#b4b9af Protanomaly 1% of men, 0.01% of women
#bcb6b3 Deuteranomaly 6% of men, 0.4% of women
#a7bbbf Tritanomaly 0.01% of the population

#a2bbaf hex color

#a2bbaf Color Information

#a2bbaf Color Conversion

Color Schemes with #a2bbaf

Alternatives to #a2bbaf

#a2bbaf Preview

Shades and Tints of #a2bbaf

Tones of #a2bbaf

Color Blindness Simulator