#afabb3 hex color

In a RGB color space, hex #afabb3 is composed of 68.6% red, 67.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 4.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 270 degrees, a saturation of 5% and a lightness of 68.6%. #afabb3 color hex could be obtained by blending #ffffff with #5f5767. Closest websafe color is: #9999cc.

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

● #afabb3 color description : Grayish violet.

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

Hex triplet	afabb3	`#afabb3`
RGB Decimal	175, 171, 179	`rgb(175,171,179)`
RGB Percent	68.6, 67.1, 70.2	`rgb(68.6%,67.1%,70.2%)`
CMYK	2, 4, 0, 30
HSL	270°, 5, 68.6	`hsl(270,5%,68.6%)`
HSV (or HSB)	270°, 4.5, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.521, 2.934, -3.596
XYZ	40.377, 41.494, 48.527
xyY	0.31, 0.318, 41.494
CIE-LCH	70.521, 4.641, 309.206
CIE-LUV	70.521, 1.792, -5.831
Hunter-Lab	64.416, -0.841, 0.426
Binary	10101111, 10101011, 10110011

#afabb3
```
#afabb3 rgb(175,171,179)
```
#afb3ab
```
#afb3ab rgb(175,179,171)
```

Complementary Color

#ababb3
```
#ababb3 rgb(171,171,179)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b3abb3
```
#b3abb3 rgb(179,171,179)
```

Analogous Color

#abb3ab
```
#abb3ab rgb(171,179,171)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b3b3ab
```
#b3b3ab rgb(179,179,171)
```

Split Complementary Color

#abb3af
```
#abb3af rgb(171,179,175)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b3afab
```
#b3afab rgb(179,175,171)
```

Triadic Color

#abafb3
```
#abafb3 rgb(171,175,179)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b3afab
```
#b3afab rgb(179,175,171)
```
#afb3ab
```
#afb3ab rgb(175,179,171)
```

Tetradic Color

#89838f
```
#89838f rgb(137,131,143)
```
#96909b
```
#96909b rgb(150,144,155)
```
#a29ea7
```
#a29ea7 rgb(162,158,167)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#bcb8bf
```
#bcb8bf rgb(188,184,191)
```
#c9c6cb
```
#c9c6cb rgb(201,198,203)
```
#d5d3d7
```
#d5d3d7 rgb(213,211,215)
```

Monochromatic Color

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

#adabb3
```
#adabb3 rgb(173,171,179)
```
#aeabb3
```
#aeabb3 rgb(174,171,179)
```
#aeabb3
```
#aeabb3 rgb(174,171,179)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b0abb3
```
#b0abb3 rgb(176,171,179)
```
#b0abb3
```
#b0abb3 rgb(176,171,179)
```
#b1abb3
```
#b1abb3 rgb(177,171,179)
```

Similar Colors

Text with hexadecimal color #afabb3

This text has a font color of #afabb3.

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

#afabb3 background color

This paragraph has a background color of #afabb3.

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

#afabb3 border color

This element has a border color of #afabb3.

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

CSS codes

.text {color:#afabb3;}

.background {background-color:#afabb3;}

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

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

#080809
```
#080809 rgb(8,8,9)
```
#121113
```
#121113 rgb(18,17,19)
```
#1c1a1d
```
#1c1a1d rgb(28,26,29)
```
#262428
```
#262428 rgb(38,36,40)
```
#302d32
```
#302d32 rgb(48,45,50)
```
#39363c
```
#39363c rgb(57,54,60)
```
#434046
```
#434046 rgb(67,64,70)
```
#4d4951
```
#4d4951 rgb(77,73,81)
```
#57525b
```
#57525b rgb(87,82,91)
```
#615c65
```
#615c65 rgb(97,92,101)
```
#6a6570
```
#6a6570 rgb(106,101,112)
```
#746e7a
```
#746e7a rgb(116,110,122)
```
#7e7884
```
#7e7884 rgb(126,120,132)
```

Shade Color Variation

#88828e
```
#88828e rgb(136,130,142)
```
#928c97
```
#928c97 rgb(146,140,151)
```
#9b96a0
```
#9b96a0 rgb(155,150,160)
```
#a5a1aa
```
#a5a1aa rgb(165,161,170)
```
#afabb3
```
#afabb3 rgb(175,171,179)
```
#b9b5bc
```
#b9b5bc rgb(185,181,188)
```
#c3c0c6
```
#c3c0c6 rgb(195,192,198)
```
#cccacf
```
#cccacf rgb(204,202,207)
```
#d6d4d8
```
#d6d4d8 rgb(214,212,216)
```
#e0dee2
```
#e0dee2 rgb(224,222,226)
```
#eae9eb
```
#eae9eb rgb(234,233,235)
```
#f4f3f4
```
#f4f3f4 rgb(244,243,244)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#afabb3
```
#afabb3 rgb(175,171,179)
```
#afa5b9
```
#afa5b9 rgb(175,165,185)
```
#af9fbf
```
#af9fbf rgb(175,159,191)
```
#af99c5
```
#af99c5 rgb(175,153,197)
```
#af92cc
```
#af92cc rgb(175,146,204)
```
#af8cd2
```
#af8cd2 rgb(175,140,210)
```
#af86d8
```
#af86d8 rgb(175,134,216)
```
#af80de
```
#af80de rgb(175,128,222)
```
#af7ae4
```
#af7ae4 rgb(175,122,228)
```
#af74ea
```
#af74ea rgb(175,116,234)
```
#af6df1
```
#af6df1 rgb(175,109,241)
```
#af67f7
```
#af67f7 rgb(175,103,247)
```
#af61fd
```
#af61fd rgb(175,97,253)
```

Tone Color Variation

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

#b1afb7 Protanopia 1% of men
#bdabb8 Deuteranopia 1% of men
#b3aebb Tritanopia 0.001% of the population

Trichromacy

#b0aeb5 Protanomaly 1% of men, 0.01% of women
#b8abb6 Deuteranomaly 6% of men, 0.4% of women
#b2adb8 Tritanomaly 0.01% of the population

#afabb3 hex color

#afabb3 Color Information

#afabb3 Color Conversion

Color Schemes with #afabb3

Alternatives to #afabb3

#afabb3 Preview

Shades and Tints of #afabb3

Tones of #afabb3

Color Blindness Simulator