#abb2af hex color

In a RGB color space, hex #abb2af is composed of 67.1% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 154.3 degrees, a saturation of 4.3% and a lightness of 68.4%. #abb2af color hex could be obtained by blending #ffffff with #57655f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 67
- G 70
- B 69
RGB color chart
- C 4
- M 0
- Y 2
- K 30
CMYK color chart

● #abb2af color description : Dark grayish cyan - lime green.

The hexadecimal color #abb2af has RGB values of R:171, G:178, B:175 and CMYK values of C:0.04, M:0, Y:0.02, K:0.3. Its decimal value is 11252399.

Hex triplet	abb2af	`#abb2af`
RGB Decimal	171, 178, 175	`rgb(171,178,175)`
RGB Percent	67.1, 69.8, 68.6	`rgb(67.1%,69.8%,68.6%)`
CMYK	4, 0, 2, 30
HSL	154.3°, 4.3, 68.4	`hsl(154.3,4.3%,68.4%)`
HSV (or HSB)	154.3°, 3.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.956, -3.023, 0.671
XYZ	40.451, 43.594, 46.838
xyY	0.309, 0.333, 43.594
CIE-LCH	71.956, 3.096, 167.476
CIE-LUV	71.956, -3.771, 1.504
Hunter-Lab	66.025, -6.184, 4.158
Binary	10101011, 10110010, 10101111

#abb2af
```
#abb2af rgb(171,178,175)
```
#b2abae
```
#b2abae rgb(178,171,174)
```

Complementary Color

#abb2ac
```
#abb2ac rgb(171,178,172)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#abb2b2
```
#abb2b2 rgb(171,178,178)
```

Analogous Color

#b2acab
```
#b2acab rgb(178,172,171)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#b2abb2
```
#b2abb2 rgb(178,171,178)
```

Split Complementary Color

#b2afab
```
#b2afab rgb(178,175,171)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```

Triadic Color

#aeb2ab
```
#aeb2ab rgb(174,178,171)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b2abae
```
#b2abae rgb(178,171,174)
```

Tetradic Color

#838d89
```
#838d89 rgb(131,141,137)
```
#909a96
```
#909a96 rgb(144,154,150)
```
#9ea6a2
```
#9ea6a2 rgb(158,166,162)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#b8bebc
```
#b8bebc rgb(184,190,188)
```
#c6cac8
```
#c6cac8 rgb(198,202,200)
```
#d3d7d5
```
#d3d7d5 rgb(211,215,213)
```

Monochromatic Color

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

#abb2ad
```
#abb2ad rgb(171,178,173)
```
#abb2ae
```
#abb2ae rgb(171,178,174)
```
#abb2ae
```
#abb2ae rgb(171,178,174)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#abb2b0
```
#abb2b0 rgb(171,178,176)
```
#abb2b0
```
#abb2b0 rgb(171,178,176)
```
#abb2b1
```
#abb2b1 rgb(171,178,177)
```

Similar Colors

Text with hexadecimal color #abb2af

This text has a font color of #abb2af.

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

#abb2af background color

This paragraph has a background color of #abb2af.

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

#abb2af border color

This element has a border color of #abb2af.

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

CSS codes

.text {color:#abb2af;}

.background {background-color:#abb2af;}

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

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

#070808
```
#070808 rgb(7,8,8)
```
#111212
```
#111212 rgb(17,18,18)
```
#1a1d1c
```
#1a1d1c rgb(26,29,28)
```
#242725
```
#242725 rgb(36,39,37)
```
#2d312f
```
#2d312f rgb(45,49,47)
```
#363b39
```
#363b39 rgb(54,59,57)
```
#404643
```
#404643 rgb(64,70,67)
```
#49504d
```
#49504d rgb(73,80,77)
```
#525a57
```
#525a57 rgb(82,90,87)
```
#5c6461
```
#5c6461 rgb(92,100,97)
```
#656e6b
```
#656e6b rgb(101,110,107)
```
#6f7974
```
#6f7974 rgb(111,121,116)
```
#78837e
```
#78837e rgb(120,131,126)
```

Shade Color Variation

#828c88
```
#828c88 rgb(130,140,136)
```
#8c9692
```
#8c9692 rgb(140,150,146)
```
#979f9c
```
#979f9c rgb(151,159,156)
```
#a1a9a5
```
#a1a9a5 rgb(161,169,165)
```
#abb2af
```
#abb2af rgb(171,178,175)
```
#b5bbb9
```
#b5bbb9 rgb(181,187,185)
```
#bfc5c2
```
#bfc5c2 rgb(191,197,194)
```
#cacecc
```
#cacecc rgb(202,206,204)
```
#d4d8d6
```
#d4d8d6 rgb(212,216,214)
```
#dee1e0
```
#dee1e0 rgb(222,225,224)
```
#e8eae9
```
#e8eae9 rgb(232,234,233)
```
#f3f4f3
```
#f3f4f3 rgb(243,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#abb2af
```
#abb2af rgb(171,178,175)
```
#a5b8b0
```
#a5b8b0 rgb(165,184,176)
```
#9fbeb1
```
#9fbeb1 rgb(159,190,177)
```
#98c5b2
```
#98c5b2 rgb(152,197,178)
```
#92cbb3
```
#92cbb3 rgb(146,203,179)
```
#8cd1b3
```
#8cd1b3 rgb(140,209,179)
```
#86d7b4
```
#86d7b4 rgb(134,215,180)
```
#80ddb5
```
#80ddb5 rgb(128,221,181)
```
#79e4b6
```
#79e4b6 rgb(121,228,182)
```
#73eab7
```
#73eab7 rgb(115,234,183)
```
#6df0b8
```
#6df0b8 rgb(109,240,184)
```
#67f6b9
```
#67f6b9 rgb(103,246,185)
```
#61fcba
```
#61fcba rgb(97,252,186)
```

Tone Color Variation

Below, you can see how #abb2af 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
#afb0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b3b1 Protanopia 1% of men
#c4afb5 Deuteranopia 1% of men
#b1b3c0 Tritanopia 0.001% of the population

Trichromacy

#b3b3b0 Protanomaly 1% of men, 0.01% of women
#bbb0b3 Deuteranomaly 6% of men, 0.4% of women
#afb3ba Tritanomaly 0.01% of the population

#abb2af hex color

#abb2af Color Information

#abb2af Color Conversion

Color Schemes with #abb2af

Alternatives to #abb2af

#abb2af Preview

Shades and Tints of #abb2af

Tones of #abb2af

Color Blindness Simulator