#a2baa4 hex color

In a RGB color space, hex #a2baa4 is composed of 63.5% red, 72.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 0% magenta, 11.8% yellow and 27.1% black. It has a hue angle of 125 degrees, a saturation of 14.8% and a lightness of 68.2%. #a2baa4 color hex could be obtained by blending #ffffff with #457549. Closest websafe color is: #99cc99.

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

● #a2baa4 color description : Grayish lime green.

The hexadecimal color #a2baa4 has RGB values of R:162, G:186, B:164 and CMYK values of C:0.13, M:0, Y:0.12, K:0.27. Its decimal value is 10664612.

Hex triplet	a2baa4	`#a2baa4`
RGB Decimal	162, 186, 164	`rgb(162,186,164)`
RGB Percent	63.5, 72.9, 64.3	`rgb(63.5%,72.9%,64.3%)`
CMYK	13, 0, 12, 27
HSL	125°, 14.8, 68.2	`hsl(125,14.8%,68.2%)`
HSV (or HSB)	125°, 12.9, 72.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.206, -12.461, 8.406
XYZ	39.159, 45.479, 41.835
xyY	0.31, 0.36, 45.479
CIE-LCH	73.206, 15.031, 145.997
CIE-LUV	73.206, -12.256, 14.273
Hunter-Lab	67.438, -14.369, 10.426
Binary	10100010, 10111010, 10100100

#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#baa2b8
```
#baa2b8 rgb(186,162,184)
```

Complementary Color

#acbaa2
```
#acbaa2 rgb(172,186,162)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#a2bab0
```
#a2bab0 rgb(162,186,176)
```

Analogous Color

#baa2ac
```
#baa2ac rgb(186,162,172)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#b0a2ba
```
#b0a2ba rgb(176,162,186)
```

Split Complementary Color

#baa4a2
```
#baa4a2 rgb(186,164,162)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#a4a2ba
```
#a4a2ba rgb(164,162,186)
```

Triadic Color

#b8baa2
```
#b8baa2 rgb(184,186,162)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#a4a2ba
```
#a4a2ba rgb(164,162,186)
```
#baa2b8
```
#baa2b8 rgb(186,162,184)
```

Tetradic Color

#769979
```
#769979 rgb(118,153,121)
```
#85a487
```
#85a487 rgb(133,164,135)
```
#93af96
```
#93af96 rgb(147,175,150)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#b1c5b2
```
#b1c5b2 rgb(177,197,178)
```
#bfd0c1
```
#bfd0c1 rgb(191,208,193)
```
#cedbcf
```
#cedbcf rgb(206,219,207)
```

Monochromatic Color

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

#a6baa2
```
#a6baa2 rgb(166,186,162)
```
#a4baa2
```
#a4baa2 rgb(164,186,162)
```
#a2baa2
```
#a2baa2 rgb(162,186,162)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#a2baa6
```
#a2baa6 rgb(162,186,166)
```
#a2baa8
```
#a2baa8 rgb(162,186,168)
```
#a2baaa
```
#a2baaa rgb(162,186,170)
```

Similar Colors

Text with hexadecimal color #a2baa4

This text has a font color of #a2baa4.

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

#a2baa4 background color

This paragraph has a background color of #a2baa4.

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

#a2baa4 border color

This element has a border color of #a2baa4.

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

CSS codes

.text {color:#a2baa4;}

.background {background-color:#a2baa4;}

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

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

#060806
```
#060806 rgb(6,8,6)
```
#0f140f
```
#0f140f rgb(15,20,15)
```
#171f18
```
#171f18 rgb(23,31,24)
```
#1f2a20
```
#1f2a20 rgb(31,42,32)
```
#283529
```
#283529 rgb(40,53,41)
```
#304131
```
#304131 rgb(48,65,49)
```
#384c3a
```
#384c3a rgb(56,76,58)
```
#415743
```
#415743 rgb(65,87,67)
```
#49624b
```
#49624b rgb(73,98,75)
```
#516e54
```
#516e54 rgb(81,110,84)
```
#5a795c
```
#5a795c rgb(90,121,92)
```
#628465
```
#628465 rgb(98,132,101)
```
#6a8f6e
```
#6a8f6e rgb(106,143,110)
```

Shade Color Variation

#759978
```
#759978 rgb(117,153,120)
```
#80a183
```
#80a183 rgb(128,161,131)
```
#8ba98e
```
#8ba98e rgb(139,169,142)
```
#97b299
```
#97b299 rgb(151,178,153)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#adc2af
```
#adc2af rgb(173,194,175)
```
#b9cbba
```
#b9cbba rgb(185,203,186)
```
#c4d3c5
```
#c4d3c5 rgb(196,211,197)
```
#cfdbd0
```
#cfdbd0 rgb(207,219,208)
```
#dae4db
```
#dae4db rgb(218,228,219)
```
#e6ece6
```
#e6ece6 rgb(230,236,230)
```
#f1f4f1
```
#f1f4f1 rgb(241,244,241)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#a8b4a9
```
#a8b4a9 rgb(168,180,169)
```
#a2baa4
```
#a2baa4 rgb(162,186,164)
```
#9cc09f
```
#9cc09f rgb(156,192,159)
```
#96c69a
```
#96c69a rgb(150,198,154)
```
#8fcd94
```
#8fcd94 rgb(143,205,148)
```
#89d38f
```
#89d38f rgb(137,211,143)
```
#83d98a
```
#83d98a rgb(131,217,138)
```
#7ddf85
```
#7ddf85 rgb(125,223,133)
```
#76e680
```
#76e680 rgb(118,230,128)
```
#70ec7a
```
#70ec7a rgb(112,236,122)
```
#6af275
```
#6af275 rgb(106,242,117)
```
#64f870
```
#64f870 rgb(100,248,112)
```
#5dff6b
```
#5dff6b rgb(93,255,107)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#adb2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb7a5 Protanopia 1% of men
#ccb1ac Deuteranopia 1% of men
#acb9c6 Tritanopia 0.001% of the population

Trichromacy

#b4b8a4 Protanomaly 1% of men, 0.01% of women
#bdb4a9 Deuteranomaly 6% of men, 0.4% of women
#a8b9b9 Tritanomaly 0.01% of the population

#a2baa4 hex color

#a2baa4 Color Information

#a2baa4 Color Conversion

Color Schemes with #a2baa4

Alternatives to #a2baa4

#a2baa4 Preview

Shades and Tints of #a2baa4

Tones of #a2baa4

Color Blindness Simulator