#af88dc hex color

In a RGB color space, hex #af88dc is composed of 68.6% red, 53.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 38.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 267.9 degrees, a saturation of 54.5% and a lightness of 69.8%. #af88dc color hex could be obtained by blending #ffffff with #5f11b9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 53
- B 86
RGB color chart
- C 20
- M 38
- Y 0
- K 14
CMYK color chart

● #af88dc color description : Very soft violet.

The hexadecimal color #af88dc has RGB values of R:175, G:136, B:220 and CMYK values of C:0.2, M:0.38, Y:0, K:0.14. Its decimal value is 11503836.

Hex triplet	af88dc	`#af88dc`
RGB Decimal	175, 136, 220	`rgb(175,136,220)`
RGB Percent	68.6, 53.3, 86.3	`rgb(68.6%,53.3%,86.3%)`
CMYK	20, 38, 0, 14
HSL	267.9°, 54.5, 69.8	`hsl(267.9,54.5%,69.8%)`
HSV (or HSB)	267.9°, 38.2, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.252, 31.207, -37.429
XYZ	39.4, 31.89, 71.786
xyY	0.275, 0.223, 31.89
CIE-LCH	63.252, 48.732, 309.821
CIE-LUV	63.252, 14.088, -63.182
Hunter-Lab	56.471, 25.714, -35.839
Binary	10101111, 10001000, 11011100

#af88dc
```
#af88dc rgb(175,136,220)
```
#b5dc88
```
#b5dc88 rgb(181,220,136)
```

Complementary Color

#888bdc
```
#888bdc rgb(136,139,220)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#d988dc
```
#d988dc rgb(217,136,220)
```

Analogous Color

#8bdc88
```
#8bdc88 rgb(139,220,136)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#dcd988
```
#dcd988 rgb(220,217,136)
```

Split Complementary Color

#88dcaf
```
#88dcaf rgb(136,220,175)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#dcaf88
```
#dcaf88 rgb(220,175,136)
```

Triadic Color

#88b5dc
```
#88b5dc rgb(136,181,220)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#dcaf88
```
#dcaf88 rgb(220,175,136)
```
#b5dc88
```
#b5dc88 rgb(181,220,136)
```

Tetradic Color

#874dcb
```
#874dcb rgb(135,77,203)
```
#9561d0
```
#9561d0 rgb(149,97,208)
```
#a274d6
```
#a274d6 rgb(162,116,214)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#bc9ce2
```
#bc9ce2 rgb(188,156,226)
```
#c9afe8
```
#c9afe8 rgb(201,175,232)
```
#d7c3ed
```
#d7c3ed rgb(215,195,237)
```

Monochromatic Color

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

#9a88dc
```
#9a88dc rgb(154,136,220)
```
#a188dc
```
#a188dc rgb(161,136,220)
```
#a888dc
```
#a888dc rgb(168,136,220)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#b688dc
```
#b688dc rgb(182,136,220)
```
#bd88dc
```
#bd88dc rgb(189,136,220)
```
#c488dc
```
#c488dc rgb(196,136,220)
```

Similar Colors

Text with hexadecimal color #af88dc

This text has a font color of #af88dc.

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

#af88dc background color

This paragraph has a background color of #af88dc.

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

#af88dc border color

This element has a border color of #af88dc.

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

CSS codes

.text {color:#af88dc;}

.background {background-color:#af88dc;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0511
```
#0b0511 rgb(11,5,17)
```
#140a21
```
#140a21 rgb(20,10,33)
```
#1e0e30
```
#1e0e30 rgb(30,14,48)
```
#27123f
```
#27123f rgb(39,18,63)
```
#31174e
```
#31174e rgb(49,23,78)
```
#3a1b5d
```
#3a1b5d rgb(58,27,93)
```
#43206c
```
#43206c rgb(67,32,108)
```
#4d247c
```
#4d247c rgb(77,36,124)
```
#56298b
```
#56298b rgb(86,41,139)
```
#602d9a
```
#602d9a rgb(96,45,154)
```
#6932a9
```
#6932a9 rgb(105,50,169)
```
#7336b8
```
#7336b8 rgb(115,54,184)
```

Shade Color Variation

#7c3cc6
```
#7c3cc6 rgb(124,60,198)
```
#864bca
```
#864bca rgb(134,75,202)
```
#905bcf
```
#905bcf rgb(144,91,207)
```
#9b6ad3
```
#9b6ad3 rgb(155,106,211)
```
#a579d8
```
#a579d8 rgb(165,121,216)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#b997e0
```
#b997e0 rgb(185,151,224)
```
#c3a6e5
```
#c3a6e5 rgb(195,166,229)
```
#ceb5e9
```
#ceb5e9 rgb(206,181,233)
```
#d8c5ee
```
#d8c5ee rgb(216,197,238)
```
#e2d4f2
```
#e2d4f2 rgb(226,212,242)
```
#ece3f7
```
#ece3f7 rgb(236,227,247)
```
#f6f2fb
```
#f6f2fb rgb(246,242,251)
```

Tint Color Variation

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

#b2b1b3
```
#b2b1b3 rgb(178,177,179)
```
#b2acb8
```
#b2acb8 rgb(178,172,184)
```
#b1a6be
```
#b1a6be rgb(177,166,190)
```
#b1a0c4
```
#b1a0c4 rgb(177,160,196)
```
#b09aca
```
#b09aca rgb(176,154,202)
```
#b094d0
```
#b094d0 rgb(176,148,208)
```
#af8ed6
```
#af8ed6 rgb(175,142,214)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#ae7ce8
```
#ae7ce8 rgb(174,124,232)
```
#ae76ee
```
#ae76ee rgb(174,118,238)
```
#ad70f4
```
#ad70f4 rgb(173,112,244)
```
#ad6afa
```
#ad6afa rgb(173,106,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a199aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#819be7 Protanopia 1% of men
#879cd8 Deuteranopia 1% of men
#a79aa5 Tritanopia 0.001% of the population

Trichromacy

#9294e3 Protanomaly 1% of men, 0.01% of women
#9695d9 Deuteranomaly 6% of men, 0.4% of women
#aa93b9 Tritanomaly 0.01% of the population

#af88dc hex color

#af88dc Color Information

#af88dc Color Conversion

Color Schemes with #af88dc

Alternatives to #af88dc

#af88dc Preview

Shades and Tints of #af88dc

Tones of #af88dc

Color Blindness Simulator