#af84dc hex color

In a RGB color space, hex #af84dc is composed of 68.6% red, 51.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 40% magenta, 0% yellow and 13.7% black. It has a hue angle of 269.3 degrees, a saturation of 55.7% and a lightness of 69%. #af84dc color hex could be obtained by blending #ffffff with #5f09b9. Closest websafe color is: #9999cc.

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

● #af84dc color description : Very soft violet.

The hexadecimal color #af84dc has RGB values of R:175, G:132, B:220 and CMYK values of C:0.2, M:0.4, Y:0, K:0.14. Its decimal value is 11502812.

Hex triplet	af84dc	`#af84dc`
RGB Decimal	175, 132, 220	`rgb(175,132,220)`
RGB Percent	68.6, 51.8, 86.3	`rgb(68.6%,51.8%,86.3%)`
CMYK	20, 40, 0, 14
HSL	269.3°, 55.7, 69	`hsl(269.3,55.7%,69%)`
HSV (or HSB)	269.3°, 40, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.325, 33.45, -38.877
XYZ	38.847, 30.784, 71.602
xyY	0.275, 0.218, 30.784
CIE-LCH	62.325, 51.287, 310.709
CIE-LUV	62.325, 15.685, -65.683
Hunter-Lab	55.484, 27.88, -37.676
Binary	10101111, 10000100, 11011100

#af84dc
```
#af84dc rgb(175,132,220)
```
#b1dc84
```
#b1dc84 rgb(177,220,132)
```

Complementary Color

#8485dc
```
#8485dc rgb(132,133,220)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#db84dc
```
#db84dc rgb(219,132,220)
```

Analogous Color

#85dc84
```
#85dc84 rgb(133,220,132)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#dcdb84
```
#dcdb84 rgb(220,219,132)
```

Split Complementary Color

#84dcaf
```
#84dcaf rgb(132,220,175)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#dcaf84
```
#dcaf84 rgb(220,175,132)
```

Triadic Color

#84b1dc
```
#84b1dc rgb(132,177,220)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#dcaf84
```
#dcaf84 rgb(220,175,132)
```
#b1dc84
```
#b1dc84 rgb(177,220,132)
```

Tetradic Color

#8848cb
```
#8848cb rgb(136,72,203)
```
#955cd1
```
#955cd1 rgb(149,92,209)
```
#a270d6
```
#a270d6 rgb(162,112,214)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#bc98e2
```
#bc98e2 rgb(188,152,226)
```
#c9ace7
```
#c9ace7 rgb(201,172,231)
```
#d6c0ed
```
#d6c0ed rgb(214,192,237)
```

Monochromatic Color

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

#9984dc
```
#9984dc rgb(153,132,220)
```
#a084dc
```
#a084dc rgb(160,132,220)
```
#a884dc
```
#a884dc rgb(168,132,220)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#b684dc
```
#b684dc rgb(182,132,220)
```
#be84dc
```
#be84dc rgb(190,132,220)
```
#c584dc
```
#c584dc rgb(197,132,220)
```

Similar Colors

Text with hexadecimal color #af84dc

This text has a font color of #af84dc.

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

#af84dc background color

This paragraph has a background color of #af84dc.

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

#af84dc border color

This element has a border color of #af84dc.

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

CSS codes

.text {color:#af84dc;}

.background {background-color:#af84dc;}

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

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, #09040e is the darkest color, while #fefeff is the lightest one.

#09040e
```
#09040e rgb(9,4,14)
```
#13081e
```
#13081e rgb(19,8,30)
```
#1d0d2d
```
#1d0d2d rgb(29,13,45)
```
#26113c
```
#26113c rgb(38,17,60)
```
#30154c
```
#30154c rgb(48,21,76)
```
#3a1a5b
```
#3a1a5b rgb(58,26,91)
```
#431e6a
```
#431e6a rgb(67,30,106)
```
#4d2379
```
#4d2379 rgb(77,35,121)
```
#572789
```
#572789 rgb(87,39,137)
```
#602b98
```
#602b98 rgb(96,43,152)
```
#6a30a7
```
#6a30a7 rgb(106,48,167)
```
#7434b6
```
#7434b6 rgb(116,52,182)
```
#7d38c6
```
#7d38c6 rgb(125,56,198)
```

Shade Color Variation

#8747cb
```
#8747cb rgb(135,71,203)
```
#9156cf
```
#9156cf rgb(145,86,207)
```
#9b65d3
```
#9b65d3 rgb(155,101,211)
```
#a575d8
```
#a575d8 rgb(165,117,216)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#b993e0
```
#b993e0 rgb(185,147,224)
```
#c3a3e5
```
#c3a3e5 rgb(195,163,229)
```
#cdb2e9
```
#cdb2e9 rgb(205,178,233)
```
#d7c1ed
```
#d7c1ed rgb(215,193,237)
```
#e1d0f2
```
#e1d0f2 rgb(225,208,242)
```
#ebe0f6
```
#ebe0f6 rgb(235,224,246)
```
#f5effa
```
#f5effa rgb(245,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b0afb1
```
#b0afb1 rgb(176,175,177)
```
#b0a8b8
```
#b0a8b8 rgb(176,168,184)
```
#b0a2be
```
#b0a2be rgb(176,162,190)
```
#b09cc4
```
#b09cc4 rgb(176,156,196)
```
#af96ca
```
#af96ca rgb(175,150,202)
```
#af90d0
```
#af90d0 rgb(175,144,208)
```
#af8ad6
```
#af8ad6 rgb(175,138,214)
```
#af84dc
```
#af84dc rgb(175,132,220)
```
#af7ee2
```
#af7ee2 rgb(175,126,226)
```
#af78e8
```
#af78e8 rgb(175,120,232)
```
#af72ee
```
#af72ee rgb(175,114,238)
```
#ae6cf4
```
#ae6cf4 rgb(174,108,244)
```
#ae66fa
```
#ae66fa rgb(174,102,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9f96a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c99e8 Protanopia 1% of men
#839ad8 Deuteranopia 1% of men
#a797a2 Tritanopia 0.001% of the population

Trichromacy

#8e91e4 Protanomaly 1% of men, 0.01% of women
#9392d9 Deuteranomaly 6% of men, 0.4% of women
#a990b7 Tritanomaly 0.01% of the population

#af84dc hex color

#af84dc Color Information

#af84dc Color Conversion

Color Schemes with #af84dc

Alternatives to #af84dc

#af84dc Preview

Shades and Tints of #af84dc

Tones of #af84dc

Color Blindness Simulator