#af88bd hex color

In a RGB color space, hex #af88bd is composed of 68.6% red, 53.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 28% magenta, 0% yellow and 25.9% black. It has a hue angle of 284.2 degrees, a saturation of 28.6% and a lightness of 63.7%. #af88bd color hex could be obtained by blending #ffffff with #5f117b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 74
RGB color chart
- C 7
- M 28
- Y 0
- K 26
CMYK color chart

● #af88bd color description : Slightly desaturated violet.

The hexadecimal color #af88bd has RGB values of R:175, G:136, B:189 and CMYK values of C:0.07, M:0.28, Y:0, K:0.26. Its decimal value is 11503805.

Hex triplet	af88bd	`#af88bd`
RGB Decimal	175, 136, 189	`rgb(175,136,189)`
RGB Percent	68.6, 53.3, 74.1	`rgb(68.6%,53.3%,74.1%)`
CMYK	7, 28, 0, 26
HSL	284.2°, 28.6, 63.7	`hsl(284.2,28.6%,63.7%)`
HSV (or HSB)	284.2°, 28, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.995, 24.459, -21.986
XYZ	35.667, 30.397, 52.13
xyY	0.302, 0.257, 30.397
CIE-LCH	61.995, 32.888, 318.048
CIE-LUV	61.995, 17.993, -37.204
Hunter-Lab	55.134, 18.993, -17.466
Binary	10101111, 10001000, 10111101

#af88bd
```
#af88bd rgb(175,136,189)
```
#96bd88
```
#96bd88 rgb(150,189,136)
```

Complementary Color

#9588bd
```
#9588bd rgb(149,136,189)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#bd88b1
```
#bd88b1 rgb(189,136,177)
```

Analogous Color

#88bd95
```
#88bd95 rgb(136,189,149)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#b1bd88
```
#b1bd88 rgb(177,189,136)
```

Split Complementary Color

#88bdaf
```
#88bdaf rgb(136,189,175)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#bdaf88
```
#bdaf88 rgb(189,175,136)
```

Triadic Color

#8896bd
```
#8896bd rgb(136,150,189)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#bdaf88
```
#bdaf88 rgb(189,175,136)
```
#96bd88
```
#96bd88 rgb(150,189,136)
```

Tetradic Color

#8d59a0
```
#8d59a0 rgb(141,89,160)
```
#9967ab
```
#9967ab rgb(153,103,171)
```
#a478b4
```
#a478b4 rgb(164,120,180)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#ba98c6
```
#ba98c6 rgb(186,152,198)
```
#c5a9cf
```
#c5a9cf rgb(197,169,207)
```
#d0b9d8
```
#d0b9d8 rgb(208,185,216)
```

Monochromatic Color

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

#a288bd
```
#a288bd rgb(162,136,189)
```
#a688bd
```
#a688bd rgb(166,136,189)
```
#ab88bd
```
#ab88bd rgb(171,136,189)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#b388bd
```
#b388bd rgb(179,136,189)
```
#b888bd
```
#b888bd rgb(184,136,189)
```
#bc88bd
```
#bc88bd rgb(188,136,189)
```

Similar Colors

Text with hexadecimal color #af88bd

This text has a font color of #af88bd.

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

#af88bd background color

This paragraph has a background color of #af88bd.

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

#af88bd border color

This element has a border color of #af88bd.

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

CSS codes

.text {color:#af88bd;}

.background {background-color:#af88bd;}

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

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

#060407
```
#060407 rgb(6,4,7)
```
#110b14
```
#110b14 rgb(17,11,20)
```
#1d1220
```
#1d1220 rgb(29,18,32)
```
#28192d
```
#28192d rgb(40,25,45)
```
#33203a
```
#33203a rgb(51,32,58)
```
#3e2746
```
#3e2746 rgb(62,39,70)
```
#492e53
```
#492e53 rgb(73,46,83)
```
#54355f
```
#54355f rgb(84,53,95)
```
#5f3c6c
```
#5f3c6c rgb(95,60,108)
```
#6b4379
```
#6b4379 rgb(107,67,121)
```
#764a85
```
#764a85 rgb(118,74,133)
```
#815192
```
#815192 rgb(129,81,146)
```
#8c589f
```
#8c589f rgb(140,88,159)
```

Shade Color Variation

#9662a8
```
#9662a8 rgb(150,98,168)
```
#9e6faf
```
#9e6faf rgb(158,111,175)
```
#a77bb6
```
#a77bb6 rgb(167,123,182)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#b795c4
```
#b795c4 rgb(183,149,196)
```
#c0a1cb
```
#c0a1cb rgb(192,161,203)
```
#c8aed2
```
#c8aed2 rgb(200,174,210)
```
#d1bad9
```
#d1bad9 rgb(209,186,217)
```
#d9c7e0
```
#d9c7e0 rgb(217,199,224)
```
#e2d4e7
```
#e2d4e7 rgb(226,212,231)
```
#eae0ee
```
#eae0ee rgb(234,224,238)
```
#f3edf5
```
#f3edf5 rgb(243,237,245)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#a59da8
```
#a59da8 rgb(165,157,168)
```
#a896af
```
#a896af rgb(168,150,175)
```
#ac8fb6
```
#ac8fb6 rgb(172,143,182)
```
#af88bd
```
#af88bd rgb(175,136,189)
```
#b281c4
```
#b281c4 rgb(178,129,196)
```
#b67acb
```
#b67acb rgb(182,122,203)
```
#b973d2
```
#b973d2 rgb(185,115,210)
```
#bc6cd9
```
#bc6cd9 rgb(188,108,217)
```
#c064e1
```
#c064e1 rgb(192,100,225)
```
#c35de8
```
#c35de8 rgb(195,93,232)
```
#c656ef
```
#c656ef rgb(198,86,239)
```
#ca4ff6
```
#ca4ff6 rgb(202,79,246)
```
#cd48fd
```
#cd48fd rgb(205,72,253)
```

Tone Color Variation

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

Dichromacy

#8d99c7 Protanopia 1% of men
#9798bd Deuteranopia 1% of men
#ad949f Tritanopia 0.001% of the population

Trichromacy

#9993c3 Protanomaly 1% of men, 0.01% of women
#9f92bd Deuteranomaly 6% of men, 0.4% of women
#ad90aa Tritanomaly 0.01% of the population

#af88bd hex color

#af88bd Color Information

#af88bd Color Conversion

Color Schemes with #af88bd

Alternatives to #af88bd

#af88bd Preview

Shades and Tints of #af88bd

Tones of #af88bd

Color Blindness Simulator