#af8bb2 hex color

In a RGB color space, hex #af8bb2 is composed of 68.6% red, 54.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 21.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 295.4 degrees, a saturation of 20.2% and a lightness of 62.2%. #af8bb2 color hex could be obtained by blending #ffffff with #5f1765. Closest websafe color is: #999999.

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

● #af8bb2 color description : Dark grayish magenta.

The hexadecimal color #af8bb2 has RGB values of R:175, G:139, B:178 and CMYK values of C:0.02, M:0.22, Y:0, K:0.3. Its decimal value is 11504562.

Hex triplet	af8bb2	`#af8bb2`
RGB Decimal	175, 139, 178	`rgb(175,139,178)`
RGB Percent	68.6, 54.5, 69.8	`rgb(68.6%,54.5%,69.8%)`
CMYK	2, 22, 0, 30
HSL	295.4°, 20.2, 62.2	`hsl(295.4,20.2%,62.2%)`
HSV (or HSB)	295.4°, 21.9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	62.334, 20.555, -15.252
XYZ	34.947, 30.794, 46.22
xyY	0.312, 0.275, 30.794
CIE-LCH	62.334, 25.596, 323.425
CIE-LUV	62.334, 17.921, -26.125
Hunter-Lab	55.493, 15.299, -10.538
Binary	10101111, 10001011, 10110010

#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#8eb28b
```
#8eb28b rgb(142,178,139)
```

Complementary Color

#9c8bb2
```
#9c8bb2 rgb(156,139,178)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b28ba2
```
#b28ba2 rgb(178,139,162)
```

Analogous Color

#8bb29c
```
#8bb29c rgb(139,178,156)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#a2b28b
```
#a2b28b rgb(162,178,139)
```

Split Complementary Color

#8bb2af
```
#8bb2af rgb(139,178,175)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b2af8b
```
#b2af8b rgb(178,175,139)
```

Triadic Color

#8b8eb2
```
#8b8eb2 rgb(139,142,178)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b2af8b
```
#b2af8b rgb(178,175,139)
```
#8eb28b
```
#8eb28b rgb(142,178,139)
```

Tetradic Color

#8d6091
```
#8d6091 rgb(141,96,145)
```
#9a6c9e
```
#9a6c9e rgb(154,108,158)
```
#a47ca8
```
#a47ca8 rgb(164,124,168)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#ba9abc
```
#ba9abc rgb(186,154,188)
```
#c4aac6
```
#c4aac6 rgb(196,170,198)
```
#cfb9d1
```
#cfb9d1 rgb(207,185,209)
```

Monochromatic Color

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

#a58bb2
```
#a58bb2 rgb(165,139,178)
```
#a98bb2
```
#a98bb2 rgb(169,139,178)
```
#ac8bb2
```
#ac8bb2 rgb(172,139,178)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b28bb2
```
#b28bb2 rgb(178,139,178)
```
#b28baf
```
#b28baf rgb(178,139,175)
```
#b28bab
```
#b28bab rgb(178,139,171)
```

Similar Colors

Text with hexadecimal color #af8bb2

This text has a font color of #af8bb2.

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

#af8bb2 background color

This paragraph has a background color of #af8bb2.

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

#af8bb2 border color

This element has a border color of #af8bb2.

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

CSS codes

.text {color:#af8bb2;}

.background {background-color:#af8bb2;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d090e
```
#0d090e rgb(13,9,14)
```
#191119
```
#191119 rgb(25,17,25)
```
#241925
```
#241925 rgb(36,25,37)
```
#302131
```
#302131 rgb(48,33,49)
```
#3b283d
```
#3b283d rgb(59,40,61)
```
#473049
```
#473049 rgb(71,48,73)
```
#523854
```
#523854 rgb(82,56,84)
```
#5e4060
```
#5e4060 rgb(94,64,96)
```
#69486c
```
#69486c rgb(105,72,108)
```
#755078
```
#755078 rgb(117,80,120)
```
#805784
```
#805784 rgb(128,87,132)
```
#8c5f8f
```
#8c5f8f rgb(140,95,143)
```

Shade Color Variation

#97689b
```
#97689b rgb(151,104,155)
```
#9f73a2
```
#9f73a2 rgb(159,115,162)
```
#a77faa
```
#a77faa rgb(167,127,170)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b797ba
```
#b797ba rgb(183,151,186)
```
#bfa3c2
```
#bfa3c2 rgb(191,163,194)
```
#c7aec9
```
#c7aec9 rgb(199,174,201)
```
#d0bad1
```
#d0bad1 rgb(208,186,209)
```
#d8c6d9
```
#d8c6d9 rgb(216,198,217)
```
#e0d2e1
```
#e0d2e1 rgb(224,210,225)
```
#e8dee9
```
#e8dee9 rgb(232,222,233)
```
#f0e9f1
```
#f0e9f1 rgb(240,233,241)
```
#f8f5f8
```
#f8f5f8 rgb(248,245,248)
```

Tint Color Variation

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

#a29aa3
```
#a29aa3 rgb(162,154,163)
```
#a992ab
```
#a992ab rgb(169,146,171)
```
#af8bb2
```
#af8bb2 rgb(175,139,178)
```
#b584b9
```
#b584b9 rgb(181,132,185)
```
#bc7cc1
```
#bc7cc1 rgb(188,124,193)
```
#c275c8
```
#c275c8 rgb(194,117,200)
```
#c86dd0
```
#c86dd0 rgb(200,109,208)
```
#ce66d7
```
#ce66d7 rgb(206,102,215)
```
#d55edf
```
#d55edf rgb(213,94,223)
```
#db57e6
```
#db57e6 rgb(219,87,230)
```
#e150ed
```
#e150ed rgb(225,80,237)
```
#e848f5
```
#e848f5 rgb(232,72,245)
```
#ee41fc
```
#ee41fc rgb(238,65,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9e979f Atypical Achromatopsia 0.001% of the population

Dichromacy

#949abb Protanopia 1% of men
#9e98b3 Deuteranopia 1% of men
#af959f Tritanopia 0.001% of the population

Trichromacy

#9d95b8 Protanomaly 1% of men, 0.01% of women
#a493b3 Deuteranomaly 6% of men, 0.4% of women
#af91a6 Tritanomaly 0.01% of the population

#af8bb2 hex color

#af8bb2 Color Information

#af8bb2 Color Conversion

Color Schemes with #af8bb2

Alternatives to #af8bb2

#af8bb2 Preview

Shades and Tints of #af8bb2

Tones of #af8bb2

Color Blindness Simulator