#afaab4 hex color

In a RGB color space, hex #afaab4 is composed of 68.6% red, 66.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 5.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 270 degrees, a saturation of 6.3% and a lightness of 68.6%. #afaab4 color hex could be obtained by blending #ffffff with #5f5569. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 67
- B 71
RGB color chart
- C 3
- M 6
- Y 0
- K 29
CMYK color chart

● #afaab4 color description : Grayish violet.

The hexadecimal color #afaab4 has RGB values of R:175, G:170, B:180 and CMYK values of C:0.03, M:0.06, Y:0, K:0.29. Its decimal value is 11512500.

Hex triplet	afaab4	`#afaab4`
RGB Decimal	175, 170, 180	`rgb(175,170,180)`
RGB Percent	68.6, 66.7, 70.6	`rgb(68.6%,66.7%,70.6%)`
CMYK	3, 6, 0, 29
HSL	270°, 6.3, 68.6	`hsl(270,6.3%,68.6%)`
HSV (or HSB)	270°, 5.6, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.287, 3.673, -4.493
XYZ	40.291, 41.159, 48.999
xyY	0.309, 0.316, 41.159
CIE-LCH	70.287, 5.804, 309.265
CIE-LUV	70.287, 2.234, -7.299
Hunter-Lab	64.155, -0.17, -0.375
Binary	10101111, 10101010, 10110100

#afaab4
```
#afaab4 rgb(175,170,180)
```
#afb4aa
```
#afb4aa rgb(175,180,170)
```

Complementary Color

#aaaab4
```
#aaaab4 rgb(170,170,180)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b4aab4
```
#b4aab4 rgb(180,170,180)
```

Analogous Color

#aab4aa
```
#aab4aa rgb(170,180,170)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b4b4aa
```
#b4b4aa rgb(180,180,170)
```

Split Complementary Color

#aab4af
```
#aab4af rgb(170,180,175)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b4afaa
```
#b4afaa rgb(180,175,170)
```

Triadic Color

#aaafb4
```
#aaafb4 rgb(170,175,180)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b4afaa
```
#b4afaa rgb(180,175,170)
```
#afb4aa
```
#afb4aa rgb(175,180,170)
```

Tetradic Color

#898190
```
#898190 rgb(137,129,144)
```
#968f9c
```
#968f9c rgb(150,143,156)
```
#a29ca8
```
#a29ca8 rgb(162,156,168)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#bcb8c0
```
#bcb8c0 rgb(188,184,192)
```
#c9c5cc
```
#c9c5cc rgb(201,197,204)
```
#d5d3d8
```
#d5d3d8 rgb(213,211,216)
```

Monochromatic Color

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

#adaab4
```
#adaab4 rgb(173,170,180)
```
#adaab4
```
#adaab4 rgb(173,170,180)
```
#aeaab4
```
#aeaab4 rgb(174,170,180)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b0aab4
```
#b0aab4 rgb(176,170,180)
```
#b1aab4
```
#b1aab4 rgb(177,170,180)
```
#b2aab4
```
#b2aab4 rgb(178,170,180)
```

Similar Colors

Text with hexadecimal color #afaab4

This text has a font color of #afaab4.

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

#afaab4 background color

This paragraph has a background color of #afaab4.

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

#afaab4 border color

This element has a border color of #afaab4.

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

CSS codes

.text {color:#afaab4;}

.background {background-color:#afaab4;}

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

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)
```
#1c1a1e
```
#1c1a1e rgb(28,26,30)
```
#262328
```
#262328 rgb(38,35,40)
```
#302d32
```
#302d32 rgb(48,45,50)
```
#39363d
```
#39363d rgb(57,54,61)
```
#433f47
```
#433f47 rgb(67,63,71)
```
#4d4852
```
#4d4852 rgb(77,72,82)
```
#57515c
```
#57515c rgb(87,81,92)
```
#615b67
```
#615b67 rgb(97,91,103)
```
#6a6471
```
#6a6471 rgb(106,100,113)
```
#746d7b
```
#746d7b rgb(116,109,123)
```
#7e7686
```
#7e7686 rgb(126,118,134)
```

Shade Color Variation

#88808f
```
#88808f rgb(136,128,143)
```
#928b98
```
#928b98 rgb(146,139,152)
```
#9b95a2
```
#9b95a2 rgb(155,149,162)
```
#a5a0ab
```
#a5a0ab rgb(165,160,171)
```
#afaab4
```
#afaab4 rgb(175,170,180)
```
#b9b4bd
```
#b9b4bd rgb(185,180,189)
```
#c3bfc6
```
#c3bfc6 rgb(195,191,198)
```
#ccc9d0
```
#ccc9d0 rgb(204,201,208)
```
#d6d4d9
```
#d6d4d9 rgb(214,212,217)
```
#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, #afaab4 is the less saturated color, while #af60fe is the most saturated one.

#afaab4
```
#afaab4 rgb(175,170,180)
```
#afa4ba
```
#afa4ba rgb(175,164,186)
```
#af9ec0
```
#af9ec0 rgb(175,158,192)
```
#af98c6
```
#af98c6 rgb(175,152,198)
```
#af91cd
```
#af91cd rgb(175,145,205)
```
#af8bd3
```
#af8bd3 rgb(175,139,211)
```
#af85d9
```
#af85d9 rgb(175,133,217)
```
#af7fdf
```
#af7fdf rgb(175,127,223)
```
#af79e5
```
#af79e5 rgb(175,121,229)
```
#af73eb
```
#af73eb rgb(175,115,235)
```
#af6cf2
```
#af6cf2 rgb(175,108,242)
```
#af66f8
```
#af66f8 rgb(175,102,248)
```
#af60fe
```
#af60fe rgb(175,96,254)
```

Tone Color Variation

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

Dichromacy

#b0afb8 Protanopia 1% of men
#bcabb8 Deuteranopia 1% of men
#b3aeba Tritanopia 0.001% of the population

Trichromacy

#b0adb6 Protanomaly 1% of men, 0.01% of women
#b7aab7 Deuteranomaly 6% of men, 0.4% of women
#b1acb8 Tritanomaly 0.01% of the population

#afaab4 hex color

#afaab4 Color Information

#afaab4 Color Conversion

Color Schemes with #afaab4

Alternatives to #afaab4

#afaab4 Preview

Shades and Tints of #afaab4

Tones of #afaab4

Color Blindness Simulator