#afabb2 hex color

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

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

● #afabb2 color description : Dark grayish violet.

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

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

CIE-LAB	70.493, 2.741, -3.086
XYZ	40.277, 41.454, 47.997
xyY	0.31, 0.32, 41.454
CIE-LCH	70.493, 4.127, 311.621
CIE-LUV	70.493, 1.855, -5.035
Hunter-Lab	64.385, -1.011, 0.871
Binary	10101111, 10101011, 10110010

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

Complementary Color

#acabb2
```
#acabb2 rgb(172,171,178)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b2abb2
```
#b2abb2 rgb(178,171,178)
```

Analogous Color

#abb2ac
```
#abb2ac rgb(171,178,172)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b2b2ab
```
#b2b2ab rgb(178,178,171)
```

Split Complementary Color

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

Triadic Color

#abaeb2
```
#abaeb2 rgb(171,174,178)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b2afab
```
#b2afab rgb(178,175,171)
```
#aeb2ab
```
#aeb2ab rgb(174,178,171)
```

Tetradic Color

#89838d
```
#89838d rgb(137,131,141)
```
#96909a
```
#96909a rgb(150,144,154)
```
#a29ea6
```
#a29ea6 rgb(162,158,166)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#bcb8be
```
#bcb8be rgb(188,184,190)
```
#c8c6ca
```
#c8c6ca rgb(200,198,202)
```
#d5d3d7
```
#d5d3d7 rgb(213,211,215)
```

Monochromatic Color

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

#adabb2
```
#adabb2 rgb(173,171,178)
```
#aeabb2
```
#aeabb2 rgb(174,171,178)
```
#aeabb2
```
#aeabb2 rgb(174,171,178)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b0abb2
```
#b0abb2 rgb(176,171,178)
```
#b0abb2
```
#b0abb2 rgb(176,171,178)
```
#b1abb2
```
#b1abb2 rgb(177,171,178)
```

Similar Colors

Text with hexadecimal color #afabb2

This text has a font color of #afabb2.

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

#afabb2 background color

This paragraph has a background color of #afabb2.

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

#afabb2 border color

This element has a border color of #afabb2.

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

CSS codes

.text {color:#afabb2;}

.background {background-color:#afabb2;}

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

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

#080708
```
#080708 rgb(8,7,8)
```
#121112
```
#121112 rgb(18,17,18)
```
#1c1a1d
```
#1c1a1d rgb(28,26,29)
```
#252427
```
#252427 rgb(37,36,39)
```
#2f2d31
```
#2f2d31 rgb(47,45,49)
```
#39363b
```
#39363b rgb(57,54,59)
```
#434046
```
#434046 rgb(67,64,70)
```
#4d4950
```
#4d4950 rgb(77,73,80)
```
#57525a
```
#57525a rgb(87,82,90)
```
#615c64
```
#615c64 rgb(97,92,100)
```
#6b656e
```
#6b656e rgb(107,101,110)
```
#746f79
```
#746f79 rgb(116,111,121)
```
#7e7883
```
#7e7883 rgb(126,120,131)
```

Shade Color Variation

#88828c
```
#88828c rgb(136,130,140)
```
#928c96
```
#928c96 rgb(146,140,150)
```
#9c979f
```
#9c979f rgb(156,151,159)
```
#a5a1a9
```
#a5a1a9 rgb(165,161,169)
```
#afabb2
```
#afabb2 rgb(175,171,178)
```
#b9b5bb
```
#b9b5bb rgb(185,181,187)
```
#c2bfc5
```
#c2bfc5 rgb(194,191,197)
```
#cccace
```
#cccace rgb(204,202,206)
```
#d6d4d8
```
#d6d4d8 rgb(214,212,216)
```
#e0dee1
```
#e0dee1 rgb(224,222,225)
```
#e9e8ea
```
#e9e8ea rgb(233,232,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#afabb2
```
#afabb2 rgb(175,171,178)
```
#b0a5b8
```
#b0a5b8 rgb(176,165,184)
```
#b19fbe
```
#b19fbe rgb(177,159,190)
```
#b298c5
```
#b298c5 rgb(178,152,197)
```
#b392cb
```
#b392cb rgb(179,146,203)
```
#b38cd1
```
#b38cd1 rgb(179,140,209)
```
#b486d7
```
#b486d7 rgb(180,134,215)
```
#b580dd
```
#b580dd rgb(181,128,221)
```
#b679e4
```
#b679e4 rgb(182,121,228)
```
#b773ea
```
#b773ea rgb(183,115,234)
```
#b86df0
```
#b86df0 rgb(184,109,240)
```
#b967f6
```
#b967f6 rgb(185,103,246)
```
#ba61fc
```
#ba61fc rgb(186,97,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adadae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1afb6 Protanopia 1% of men
#bdabb7 Deuteranopia 1% of men
#b4aeba Tritanopia 0.001% of the population

Trichromacy

#b0aeb4 Protanomaly 1% of men, 0.01% of women
#b8abb5 Deuteranomaly 6% of men, 0.4% of women
#b2adb7 Tritanomaly 0.01% of the population

#afabb2 hex color

#afabb2 Color Information

#afabb2 Color Conversion

Color Schemes with #afabb2

Alternatives to #afabb2

#afabb2 Preview

Shades and Tints of #afabb2

Tones of #afabb2

Color Blindness Simulator