#af88ba hex color

In a RGB color space, hex #af88ba is composed of 68.6% red, 53.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 26.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 286.8 degrees, a saturation of 26.6% and a lightness of 63.1%. #af88ba color hex could be obtained by blending #ffffff with #5f1175. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 73
RGB color chart
- C 6
- M 27
- Y 0
- K 27
CMYK color chart

● #af88ba color description : Slightly desaturated magenta.

The hexadecimal color #af88ba has RGB values of R:175, G:136, B:186 and CMYK values of C:0.06, M:0.27, Y:0, K:0.27. Its decimal value is 11503802.

Hex triplet	af88ba	`#af88ba`
RGB Decimal	175, 136, 186	`rgb(175,136,186)`
RGB Percent	68.6, 53.3, 72.9	`rgb(68.6%,53.3%,72.9%)`
CMYK	6, 27, 0, 27
HSL	286.8°, 26.6, 63.1	`hsl(286.8,26.6%,63.1%)`
HSV (or HSB)	286.8°, 26.9, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.885, 23.845, -20.459
XYZ	35.345, 30.268, 50.432
xyY	0.305, 0.261, 30.268
CIE-LCH	61.885, 31.419, 319.371
CIE-LUV	61.885, 18.373, -34.699
Hunter-Lab	55.016, 18.398, -15.838
Binary	10101111, 10001000, 10111010

#af88ba
```
#af88ba rgb(175,136,186)
```
#93ba88
```
#93ba88 rgb(147,186,136)
```

Complementary Color

#9688ba
```
#9688ba rgb(150,136,186)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#ba88ac
```
#ba88ac rgb(186,136,172)
```

Analogous Color

#88ba96
```
#88ba96 rgb(136,186,150)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#acba88
```
#acba88 rgb(172,186,136)
```

Split Complementary Color

#88baaf
```
#88baaf rgb(136,186,175)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#baaf88
```
#baaf88 rgb(186,175,136)
```

Triadic Color

#8893ba
```
#8893ba rgb(136,147,186)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#baaf88
```
#baaf88 rgb(186,175,136)
```
#93ba88
```
#93ba88 rgb(147,186,136)
```

Tetradic Color

#8d5a9b
```
#8d5a9b rgb(141,90,155)
```
#9968a7
```
#9968a7 rgb(153,104,167)
```
#a478b1
```
#a478b1 rgb(164,120,177)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#ba98c3
```
#ba98c3 rgb(186,152,195)
```
#c5a8cd
```
#c5a8cd rgb(197,168,205)
```
#d0b8d6
```
#d0b8d6 rgb(208,184,214)
```

Monochromatic Color

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

#a388ba
```
#a388ba rgb(163,136,186)
```
#a788ba
```
#a788ba rgb(167,136,186)
```
#ab88ba
```
#ab88ba rgb(171,136,186)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#b388ba
```
#b388ba rgb(179,136,186)
```
#b788ba
```
#b788ba rgb(183,136,186)
```
#ba88b9
```
#ba88b9 rgb(186,136,185)
```

Similar Colors

Text with hexadecimal color #af88ba

This text has a font color of #af88ba.

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

#af88ba background color

This paragraph has a background color of #af88ba.

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

#af88ba border color

This element has a border color of #af88ba.

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

CSS codes

.text {color:#af88ba;}

.background {background-color:#af88ba;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#100a12
```
#100a12 rgb(16,10,18)
```
#1b111e
```
#1b111e rgb(27,17,30)
```
#26192a
```
#26192a rgb(38,25,42)
```
#322037
```
#322037 rgb(50,32,55)
```
#3d2743
```
#3d2743 rgb(61,39,67)
```
#482e50
```
#482e50 rgb(72,46,80)
```
#54355c
```
#54355c rgb(84,53,92)
```
#5f3d68
```
#5f3d68 rgb(95,61,104)
```
#6a4475
```
#6a4475 rgb(106,68,117)
```
#754b81
```
#754b81 rgb(117,75,129)
```
#81528e
```
#81528e rgb(129,82,142)
```
#8c599a
```
#8c599a rgb(140,89,154)
```

Shade Color Variation

#9663a4
```
#9663a4 rgb(150,99,164)
```
#9e6fac
```
#9e6fac rgb(158,111,172)
```
#a77cb3
```
#a77cb3 rgb(167,124,179)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#b794c1
```
#b794c1 rgb(183,148,193)
```
#c0a1c8
```
#c0a1c8 rgb(192,161,200)
```
#c8add0
```
#c8add0 rgb(200,173,208)
```
#d0bad7
```
#d0bad7 rgb(208,186,215)
```
#d9c6de
```
#d9c6de rgb(217,198,222)
```
#e1d2e5
```
#e1d2e5 rgb(225,210,229)
```
#e9dfec
```
#e9dfec rgb(233,223,236)
```
#f2ebf4
```
#f2ebf4 rgb(242,235,244)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#a39ea4
```
#a39ea4 rgb(163,158,164)
```
#a796ac
```
#a796ac rgb(167,150,172)
```
#ab8fb3
```
#ab8fb3 rgb(171,143,179)
```
#af88ba
```
#af88ba rgb(175,136,186)
```
#b381c1
```
#b381c1 rgb(179,129,193)
```
#b77ac8
```
#b77ac8 rgb(183,122,200)
```
#bb72d0
```
#bb72d0 rgb(187,114,208)
```
#bf6bd7
```
#bf6bd7 rgb(191,107,215)
```
#c364de
```
#c364de rgb(195,100,222)
```
#c75de5
```
#c75de5 rgb(199,93,229)
```
#cb55ed
```
#cb55ed rgb(203,85,237)
```
#cf4ef4
```
#cf4ef4 rgb(207,78,244)
```
#d347fb
```
#d347fb rgb(211,71,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d96a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e99c4 Protanopia 1% of men
#9897ba Deuteranopia 1% of men
#ad949e Tritanopia 0.001% of the population

Trichromacy

#9a93c0 Protanomaly 1% of men, 0.01% of women
#a092ba Deuteranomaly 6% of men, 0.4% of women
#ae8fa8 Tritanomaly 0.01% of the population

#af88ba hex color

#af88ba Color Information

#af88ba Color Conversion

Color Schemes with #af88ba

Alternatives to #af88ba

#af88ba Preview

Shades and Tints of #af88ba

Tones of #af88ba

Color Blindness Simulator