#af83b2 hex color

In a RGB color space, hex #af83b2 is composed of 68.6% red, 51.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 26.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 296.2 degrees, a saturation of 23.4% and a lightness of 60.6%. #af83b2 color hex could be obtained by blending #ffffff with #5f0765. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 51
- B 70
RGB color chart
- C 2
- M 26
- Y 0
- K 30
CMYK color chart

● #af83b2 color description : Mostly desaturated dark magenta.

The hexadecimal color #af83b2 has RGB values of R:175, G:131, B:178 and CMYK values of C:0.02, M:0.26, Y:0, K:0.3. Its decimal value is 11502514.

Hex triplet	af83b2	`#af83b2`
RGB Decimal	175, 131, 178	`rgb(175,131,178)`
RGB Percent	68.6, 51.4, 69.8	`rgb(68.6%,51.4%,69.8%)`
CMYK	2, 26, 0, 30
HSL	296.2°, 23.4, 60.6	`hsl(296.2,23.4%,60.6%)`
HSV (or HSB)	296.2°, 26.4, 69.8
Web Safe	999999	`#999999`

CIE-LAB	60.393, 25.065, -18.193
XYZ	33.83, 28.562, 45.848
xyY	0.313, 0.264, 28.562
CIE-LCH	60.393, 30.972, 324.026
CIE-LUV	60.393, 21.803, -31.222
Hunter-Lab	53.443, 19.468, -13.454
Binary	10101111, 10000011, 10110010

#af83b2
```
#af83b2 rgb(175,131,178)
```
#86b283
```
#86b283 rgb(134,178,131)
```

Complementary Color

#9883b2
```
#9883b2 rgb(152,131,178)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b2839e
```
#b2839e rgb(178,131,158)
```

Analogous Color

#83b298
```
#83b298 rgb(131,178,152)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#9eb283
```
#9eb283 rgb(158,178,131)
```

Split Complementary Color

#83b2af
```
#83b2af rgb(131,178,175)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b2af83
```
#b2af83 rgb(178,175,131)
```

Triadic Color

#8386b2
```
#8386b2 rgb(131,134,178)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b2af83
```
#b2af83 rgb(178,175,131)
```
#86b283
```
#86b283 rgb(134,178,131)
```

Tetradic Color

#8c598f
```
#8c598f rgb(140,89,143)
```
#9b649e
```
#9b649e rgb(155,100,158)
```
#a573a8
```
#a573a8 rgb(165,115,168)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b993bc
```
#b993bc rgb(185,147,188)
```
#c3a2c6
```
#c3a2c6 rgb(195,162,198)
```
#cdb2cf
```
#cdb2cf rgb(205,178,207)
```

Monochromatic Color

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

#a383b2
```
#a383b2 rgb(163,131,178)
```
#a783b2
```
#a783b2 rgb(167,131,178)
```
#ab83b2
```
#ab83b2 rgb(171,131,178)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b283b1
```
#b283b1 rgb(178,131,177)
```
#b283ad
```
#b283ad rgb(178,131,173)
```
#b283a9
```
#b283a9 rgb(178,131,169)
```

Similar Colors

Text with hexadecimal color #af83b2

This text has a font color of #af83b2.

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

#af83b2 background color

This paragraph has a background color of #af83b2.

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

#af83b2 border color

This element has a border color of #af83b2.

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

CSS codes

.text {color:#af83b2;}

.background {background-color:#af83b2;}

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

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

#090609
```
#090609 rgb(9,6,9)
```
#150d15
```
#150d15 rgb(21,13,21)
```
#211521
```
#211521 rgb(33,21,33)
```
#2c1c2d
```
#2c1c2d rgb(44,28,45)
```
#38243a
```
#38243a rgb(56,36,58)
```
#442b46
```
#442b46 rgb(68,43,70)
```
#503352
```
#503352 rgb(80,51,82)
```
#5c3a5e
```
#5c3a5e rgb(92,58,94)
```
#67426a
```
#67426a rgb(103,66,106)
```
#734976
```
#734976 rgb(115,73,118)
```
#7f5182
```
#7f5182 rgb(127,81,130)
```
#8b588e
```
#8b588e rgb(139,88,142)
```
#97609a
```
#97609a rgb(151,96,154)
```

Shade Color Variation

#9f6ba3
```
#9f6ba3 rgb(159,107,163)
```
#a777aa
```
#a777aa rgb(167,119,170)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b78fba
```
#b78fba rgb(183,143,186)
```
#bf9bc1
```
#bf9bc1 rgb(191,155,193)
```
#c6a7c9
```
#c6a7c9 rgb(198,167,201)
```
#ceb3d0
```
#ceb3d0 rgb(206,179,208)
```
#d6c0d8
```
#d6c0d8 rgb(214,192,216)
```
#deccdf
```
#deccdf rgb(222,204,223)
```
#e6d8e7
```
#e6d8e7 rgb(230,216,231)
```
#ede4ee
```
#ede4ee rgb(237,228,238)
```
#f5f0f6
```
#f5f0f6 rgb(245,240,246)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#9b9a9b
```
#9b9a9b rgb(155,154,155)
```
#a292a3
```
#a292a3 rgb(162,146,163)
```
#a88baa
```
#a88baa rgb(168,139,170)
```
#af83b2
```
#af83b2 rgb(175,131,178)
```
#b67bba
```
#b67bba rgb(182,123,186)
```
#bc74c1
```
#bc74c1 rgb(188,116,193)
```
#c36cc9
```
#c36cc9 rgb(195,108,201)
```
#ca64d1
```
#ca64d1 rgb(202,100,209)
```
#d15cd9
```
#d15cd9 rgb(209,92,217)
```
#d755e0
```
#d755e0 rgb(215,85,224)
```
#de4de8
```
#de4de8 rgb(222,77,232)
```
#e545f0
```
#e545f0 rgb(229,69,240)
```
#ec3df8
```
#ec3df8 rgb(236,61,248)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c95bd Protanopia 1% of men
#9794b2 Deuteranopia 1% of men
#ae8f99 Tritanopia 0.001% of the population

Trichromacy

#988eb9 Protanomaly 1% of men, 0.01% of women
#9f8db2 Deuteranomaly 6% of men, 0.4% of women
#ae8aa2 Tritanomaly 0.01% of the population

#af83b2 hex color

#af83b2 Color Information

#af83b2 Color Conversion

Color Schemes with #af83b2

Alternatives to #af83b2

#af83b2 Preview

Shades and Tints of #af83b2

Tones of #af83b2

Color Blindness Simulator