#af83df hex color

In a RGB color space, hex #af83df is composed of 68.6% red, 51.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 41.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 268.7 degrees, a saturation of 59% and a lightness of 69.4%. #af83df color hex could be obtained by blending #ffffff with #5f07bf. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 51
- B 87
RGB color chart
- C 22
- M 41
- Y 0
- K 13
CMYK color chart

● #af83df color description : Very soft violet.

The hexadecimal color #af83df has RGB values of R:175, G:131, B:223 and CMYK values of C:0.22, M:0.41, Y:0, K:0.13. Its decimal value is 11502559.

Hex triplet	af83df	`#af83df`
RGB Decimal	175, 131, 223	`rgb(175,131,223)`
RGB Percent	68.6, 51.4, 87.5	`rgb(68.6%,51.4%,87.5%)`
CMYK	22, 41, 0, 13
HSL	268.7°, 59, 69.4	`hsl(268.7,59%,69.4%)`
HSV (or HSB)	268.7°, 41.3, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.232, 34.696, -40.695
XYZ	39.113, 30.675, 73.668
xyY	0.273, 0.214, 30.675
CIE-LCH	62.232, 53.478, 310.45
CIE-LUV	62.232, 15.68, -68.79
Hunter-Lab	55.385, 29.133, -40.094
Binary	10101111, 10000011, 11011111

#af83df
```
#af83df rgb(175,131,223)
```
#b3df83
```
#b3df83 rgb(179,223,131)
```

Complementary Color

#8385df
```
#8385df rgb(131,133,223)
```
#af83df
```
#af83df rgb(175,131,223)
```
#dd83df
```
#dd83df rgb(221,131,223)
```

Analogous Color

#85df83
```
#85df83 rgb(133,223,131)
```
#af83df
```
#af83df rgb(175,131,223)
```
#dfdd83
```
#dfdd83 rgb(223,221,131)
```

Split Complementary Color

#83dfaf
```
#83dfaf rgb(131,223,175)
```
#af83df
```
#af83df rgb(175,131,223)
```
#dfaf83
```
#dfaf83 rgb(223,175,131)
```

Triadic Color

#83b3df
```
#83b3df rgb(131,179,223)
```
#af83df
```
#af83df rgb(175,131,223)
```
#dfaf83
```
#dfaf83 rgb(223,175,131)
```
#b3df83
```
#b3df83 rgb(179,223,131)
```

Tetradic Color

#8846cf
```
#8846cf rgb(136,70,207)
```
#955ad5
```
#955ad5 rgb(149,90,213)
```
#a26fda
```
#a26fda rgb(162,111,218)
```
#af83df
```
#af83df rgb(175,131,223)
```
#bc97e4
```
#bc97e4 rgb(188,151,228)
```
#c9ace9
```
#c9ace9 rgb(201,172,233)
```
#d6c0ef
```
#d6c0ef rgb(214,192,239)
```

Monochromatic Color

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

#9883df
```
#9883df rgb(152,131,223)
```
#a083df
```
#a083df rgb(160,131,223)
```
#a783df
```
#a783df rgb(167,131,223)
```
#af83df
```
#af83df rgb(175,131,223)
```
#b783df
```
#b783df rgb(183,131,223)
```
#be83df
```
#be83df rgb(190,131,223)
```
#c683df
```
#c683df rgb(198,131,223)
```

Similar Colors

Text with hexadecimal color #af83df

This text has a font color of #af83df.

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

#af83df background color

This paragraph has a background color of #af83df.

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

#af83df border color

This element has a border color of #af83df.

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

CSS codes

.text {color:#af83df;}

.background {background-color:#af83df;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0a0410
```
#0a0410 rgb(10,4,16)
```
#140820
```
#140820 rgb(20,8,32)
```
#1d0c30
```
#1d0c30 rgb(29,12,48)
```
#27103f
```
#27103f rgb(39,16,63)
```
#30144f
```
#30144f rgb(48,20,79)
```
#3a185e
```
#3a185e rgb(58,24,94)
```
#431c6e
```
#431c6e rgb(67,28,110)
```
#4d207d
```
#4d207d rgb(77,32,125)
```
#56248d
```
#56248d rgb(86,36,141)
```
#60289d
```
#60289d rgb(96,40,157)
```
#6a2cac
```
#6a2cac rgb(106,44,172)
```
#7330bc
```
#7330bc rgb(115,48,188)
```

Shade Color Variation

#7d35cb
```
#7d35cb rgb(125,53,203)
```
#8745cf
```
#8745cf rgb(135,69,207)
```
#9154d3
```
#9154d3 rgb(145,84,211)
```
#9b64d7
```
#9b64d7 rgb(155,100,215)
```
#a573db
```
#a573db rgb(165,115,219)
```
#af83df
```
#af83df rgb(175,131,223)
```
#b993e3
```
#b993e3 rgb(185,147,227)
```
#c3a2e7
```
#c3a2e7 rgb(195,162,231)
```
#cdb2eb
```
#cdb2eb rgb(205,178,235)
```
#d7c1ef
```
#d7c1ef rgb(215,193,239)
```
#e1d1f3
```
#e1d1f3 rgb(225,209,243)
```
#ebe1f7
```
#ebe1f7 rgb(235,225,247)
```
#f5f0fb
```
#f5f0fb rgb(245,240,251)
```

Tint Color Variation

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

#b1adb5
```
#b1adb5 rgb(177,173,181)
```
#b1a7bb
```
#b1a7bb rgb(177,167,187)
```
#b0a1c1
```
#b0a1c1 rgb(176,161,193)
```
#b09bc7
```
#b09bc7 rgb(176,155,199)
```
#b095cd
```
#b095cd rgb(176,149,205)
```
#b08fd3
```
#b08fd3 rgb(176,143,211)
```
#af89d9
```
#af89d9 rgb(175,137,217)
```
#af83df
```
#af83df rgb(175,131,223)
```
#af7de5
```
#af7de5 rgb(175,125,229)
```
#ae77eb
```
#ae77eb rgb(174,119,235)
```
#ae71f1
```
#ae71f1 rgb(174,113,241)
```
#ae6bf7
```
#ae6bf7 rgb(174,107,247)
```
#ae65fd
```
#ae65fd rgb(174,101,253)
```

Tone Color Variation

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

Dichromacy

#7999ec Protanopia 1% of men
#809ada Deuteranopia 1% of men
#a697a2 Tritanopia 0.001% of the population

Trichromacy

#8d91e7 Protanomaly 1% of men, 0.01% of women
#9192dc Deuteranomaly 6% of men, 0.4% of women
#a990b8 Tritanomaly 0.01% of the population

#af83df hex color

#af83df Color Information

#af83df Color Conversion

Color Schemes with #af83df

Alternatives to #af83df

#af83df Preview

Shades and Tints of #af83df

Tones of #af83df

Color Blindness Simulator