#af82e2 hex color

In a RGB color space, hex #af82e2 is composed of 68.6% red, 51% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 42.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 268.1 degrees, a saturation of 62.3% and a lightness of 69.8%. #af82e2 color hex could be obtained by blending #ffffff with #5f05c5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 51
- B 89
RGB color chart
- C 23
- M 42
- Y 0
- K 11
CMYK color chart

● #af82e2 color description : Very soft violet.

The hexadecimal color #af82e2 has RGB values of R:175, G:130, B:226 and CMYK values of C:0.23, M:0.42, Y:0, K:0.11. Its decimal value is 11502306.

Hex triplet	af82e2	`#af82e2`
RGB Decimal	175, 130, 226	`rgb(175,130,226)`
RGB Percent	68.6, 51, 88.6	`rgb(68.6%,51%,88.6%)`
CMYK	23, 42, 0, 11
HSL	268.1°, 62.3, 69.8	`hsl(268.1,62.3%,69.8%)`
HSV (or HSB)	268.1°, 42.5, 88.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	62.143, 35.946, -42.504
XYZ	39.387, 30.571, 75.773
xyY	0.27, 0.21, 30.571
CIE-LCH	62.143, 55.666, 310.221
CIE-LUV	62.143, 15.664, -71.882
Hunter-Lab	55.291, 30.398, -42.55
Binary	10101111, 10000010, 11100010

#af82e2
```
#af82e2 rgb(175,130,226)
```
#b5e282
```
#b5e282 rgb(181,226,130)
```

Complementary Color

#8285e2
```
#8285e2 rgb(130,133,226)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#df82e2
```
#df82e2 rgb(223,130,226)
```

Analogous Color

#85e282
```
#85e282 rgb(133,226,130)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#e2df82
```
#e2df82 rgb(226,223,130)
```

Split Complementary Color

#82e2af
```
#82e2af rgb(130,226,175)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#e2af82
```
#e2af82 rgb(226,175,130)
```

Triadic Color

#82b5e2
```
#82b5e2 rgb(130,181,226)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#e2af82
```
#e2af82 rgb(226,175,130)
```
#b5e282
```
#b5e282 rgb(181,226,130)
```

Tetradic Color

#8744d4
```
#8744d4 rgb(135,68,212)
```
#9559d8
```
#9559d8 rgb(149,89,216)
```
#a26ddd
```
#a26ddd rgb(162,109,221)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#bc97e7
```
#bc97e7 rgb(188,151,231)
```
#c9abec
```
#c9abec rgb(201,171,236)
```
#d7c0f0
```
#d7c0f0 rgb(215,192,240)
```

Monochromatic Color

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

#9782e2
```
#9782e2 rgb(151,130,226)
```
#9f82e2
```
#9f82e2 rgb(159,130,226)
```
#a782e2
```
#a782e2 rgb(167,130,226)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#b782e2
```
#b782e2 rgb(183,130,226)
```
#bf82e2
```
#bf82e2 rgb(191,130,226)
```
#c782e2
```
#c782e2 rgb(199,130,226)
```

Similar Colors

Text with hexadecimal color #af82e2

This text has a font color of #af82e2.

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

#af82e2 background color

This paragraph has a background color of #af82e2.

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

#af82e2 border color

This element has a border color of #af82e2.

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

CSS codes

.text {color:#af82e2;}

.background {background-color:#af82e2;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0412
```
#0b0412 rgb(11,4,18)
```
#140822
```
#140822 rgb(20,8,34)
```
#1e0c32
```
#1e0c32 rgb(30,12,50)
```
#270f42
```
#270f42 rgb(39,15,66)
```
#311352
```
#311352 rgb(49,19,82)
```
#3a1762
```
#3a1762 rgb(58,23,98)
```
#431a72
```
#431a72 rgb(67,26,114)
```
#4d1e82
```
#4d1e82 rgb(77,30,130)
```
#562292
```
#562292 rgb(86,34,146)
```
#6025a2
```
#6025a2 rgb(96,37,162)
```
#6929b2
```
#6929b2 rgb(105,41,178)
```
#732dc1
```
#732dc1 rgb(115,45,193)
```

Shade Color Variation

#7c32d0
```
#7c32d0 rgb(124,50,208)
```
#8642d3
```
#8642d3 rgb(134,66,211)
```
#9052d7
```
#9052d7 rgb(144,82,215)
```
#9b62db
```
#9b62db rgb(155,98,219)
```
#a572de
```
#a572de rgb(165,114,222)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#b992e6
```
#b992e6 rgb(185,146,230)
```
#c3a2e9
```
#c3a2e9 rgb(195,162,233)
```
#ceb2ed
```
#ceb2ed rgb(206,178,237)
```
#d8c2f1
```
#d8c2f1 rgb(216,194,241)
```
#e2d2f4
```
#e2d2f4 rgb(226,210,244)
```
#ece2f8
```
#ece2f8 rgb(236,226,248)
```
#f6f1fc
```
#f6f1fc rgb(246,241,252)
```

Tint Color Variation

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

#b2b1b3
```
#b2b1b3 rgb(178,177,179)
```
#b2abb9
```
#b2abb9 rgb(178,171,185)
```
#b1a6be
```
#b1a6be rgb(177,166,190)
```
#b1a0c4
```
#b1a0c4 rgb(177,160,196)
```
#b09aca
```
#b09aca rgb(176,154,202)
```
#b094d0
```
#b094d0 rgb(176,148,208)
```
#b08ed6
```
#b08ed6 rgb(176,142,214)
```
#af88dc
```
#af88dc rgb(175,136,220)
```
#af82e2
```
#af82e2 rgb(175,130,226)
```
#af7ce8
```
#af7ce8 rgb(175,124,232)
```
#ae76ee
```
#ae76ee rgb(174,118,238)
```
#ae70f4
```
#ae70f4 rgb(174,112,244)
```
#ae6afa
```
#ae6afa rgb(174,106,250)
```

Tone Color Variation

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

Dichromacy

#7698ef Protanopia 1% of men
#7d9add Deuteranopia 1% of men
#a597a2 Tritanopia 0.001% of the population

Trichromacy

#8b90ea Protanomaly 1% of men, 0.01% of women
#8f91de Deuteranomaly 6% of men, 0.4% of women
#a88fb9 Tritanomaly 0.01% of the population

#af82e2 hex color

#af82e2 Color Information

#af82e2 Color Conversion

Color Schemes with #af82e2

Alternatives to #af82e2

#af82e2 Preview

Shades and Tints of #af82e2

Tones of #af82e2

Color Blindness Simulator