#af83dc hex color

In a RGB color space, hex #af83dc is composed of 68.6% red, 51.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 40.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 269.7 degrees, a saturation of 56% and a lightness of 68.8%. #af83dc color hex could be obtained by blending #ffffff with #5f07b9. Closest websafe color is: #9999cc.

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

● #af83dc color description : Very soft violet.

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

Hex triplet	af83dc	`#af83dc`
RGB Decimal	175, 131, 220	`rgb(175,131,220)`
RGB Percent	68.6, 51.4, 86.3	`rgb(68.6%,51.4%,86.3%)`
CMYK	20, 40, 0, 14
HSL	269.7°, 56, 68.8	`hsl(269.7,56%,68.8%)`
HSV (or HSB)	269.7°, 40.5, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.095, 34.01, -39.237
XYZ	38.712, 30.514, 71.557
xyY	0.275, 0.217, 30.514
CIE-LCH	62.095, 51.925, 310.918
CIE-LUV	62.095, 16.079, -66.3
Hunter-Lab	55.24, 28.422, -38.136
Binary	10101111, 10000011, 11011100

#af83dc
```
#af83dc rgb(175,131,220)
```
#b0dc83
```
#b0dc83 rgb(176,220,131)
```

Complementary Color

#8384dc
```
#8384dc rgb(131,132,220)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#dc83dc
```
#dc83dc rgb(220,131,220)
```

Analogous Color

#84dc83
```
#84dc83 rgb(132,220,131)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#dcdc83
```
#dcdc83 rgb(220,220,131)
```

Split Complementary Color

#83dcaf
```
#83dcaf rgb(131,220,175)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#dcaf83
```
#dcaf83 rgb(220,175,131)
```

Triadic Color

#83b0dc
```
#83b0dc rgb(131,176,220)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#dcaf83
```
#dcaf83 rgb(220,175,131)
```
#b0dc83
```
#b0dc83 rgb(176,220,131)
```

Tetradic Color

#8947cb
```
#8947cb rgb(137,71,203)
```
#955bd1
```
#955bd1 rgb(149,91,209)
```
#a26fd6
```
#a26fd6 rgb(162,111,214)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#bc97e2
```
#bc97e2 rgb(188,151,226)
```
#c9abe7
```
#c9abe7 rgb(201,171,231)
```
#d5bfed
```
#d5bfed rgb(213,191,237)
```

Monochromatic Color

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

#9983dc
```
#9983dc rgb(153,131,220)
```
#a083dc
```
#a083dc rgb(160,131,220)
```
#a883dc
```
#a883dc rgb(168,131,220)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#b683dc
```
#b683dc rgb(182,131,220)
```
#be83dc
```
#be83dc rgb(190,131,220)
```
#c583dc
```
#c583dc rgb(197,131,220)
```

Similar Colors

Text with hexadecimal color #af83dc

This text has a font color of #af83dc.

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

#af83dc background color

This paragraph has a background color of #af83dc.

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

#af83dc border color

This element has a border color of #af83dc.

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

CSS codes

.text {color:#af83dc;}

.background {background-color:#af83dc;}

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

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 #fefdff is the lightest one.

#09040e
```
#09040e rgb(9,4,14)
```
#12081d
```
#12081d rgb(18,8,29)
```
#1c0c2c
```
#1c0c2c rgb(28,12,44)
```
#26113c
```
#26113c rgb(38,17,60)
```
#30154b
```
#30154b rgb(48,21,75)
```
#39195a
```
#39195a rgb(57,25,90)
```
#431e69
```
#431e69 rgb(67,30,105)
```
#4d2279
```
#4d2279 rgb(77,34,121)
```
#572688
```
#572688 rgb(87,38,136)
```
#602b97
```
#602b97 rgb(96,43,151)
```
#6a2fa7
```
#6a2fa7 rgb(106,47,167)
```
#7433b6
```
#7433b6 rgb(116,51,182)
```
#7e38c5
```
#7e38c5 rgb(126,56,197)
```

Shade Color Variation

#8846cb
```
#8846cb rgb(136,70,203)
```
#9155cf
```
#9155cf rgb(145,85,207)
```
#9b64d3
```
#9b64d3 rgb(155,100,211)
```
#a574d8
```
#a574d8 rgb(165,116,216)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#b992e0
```
#b992e0 rgb(185,146,224)
```
#c3a2e5
```
#c3a2e5 rgb(195,162,229)
```
#cdb1e9
```
#cdb1e9 rgb(205,177,233)
```
#d6c0ed
```
#d6c0ed rgb(214,192,237)
```
#e0cff2
```
#e0cff2 rgb(224,207,242)
```
#eadff6
```
#eadff6 rgb(234,223,246)
```
#f4eefa
```
#f4eefa rgb(244,238,250)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#afaeb1
```
#afaeb1 rgb(175,174,177)
```
#afa8b7
```
#afa8b7 rgb(175,168,183)
```
#afa2bd
```
#afa2bd rgb(175,162,189)
```
#af9bc4
```
#af9bc4 rgb(175,155,196)
```
#af95ca
```
#af95ca rgb(175,149,202)
```
#af8fd0
```
#af8fd0 rgb(175,143,208)
```
#af89d6
```
#af89d6 rgb(175,137,214)
```
#af83dc
```
#af83dc rgb(175,131,220)
```
#af7de2
```
#af7de2 rgb(175,125,226)
```
#af77e8
```
#af77e8 rgb(175,119,232)
```
#af71ee
```
#af71ee rgb(175,113,238)
```
#af6bf4
```
#af6bf4 rgb(175,107,244)
```
#af64fb
```
#af64fb rgb(175,100,251)
```

Tone Color Variation

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

Dichromacy

#7b98e9 Protanopia 1% of men
#829ad8 Deuteranopia 1% of men
#a697a1 Tritanopia 0.001% of the population

Trichromacy

#8e90e4 Protanomaly 1% of men, 0.01% of women
#9291d9 Deuteranomaly 6% of men, 0.4% of women
#a98fb7 Tritanomaly 0.01% of the population

#af83dc hex color

#af83dc Color Information

#af83dc Color Conversion

Color Schemes with #af83dc

Alternatives to #af83dc

#af83dc Preview

Shades and Tints of #af83dc

Tones of #af83dc

Color Blindness Simulator