#af84b2 hex color

In a RGB color space, hex #af84b2 is composed of 68.6% red, 51.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 25.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 296.1 degrees, a saturation of 23% and a lightness of 60.8%. #af84b2 color hex could be obtained by blending #ffffff with #5f0965. Closest websafe color is: #999999.

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

● #af84b2 color description : Mostly desaturated dark magenta.

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

Hex triplet	af84b2	`#af84b2`
RGB Decimal	175, 132, 178	`rgb(175,132,178)`
RGB Percent	68.6, 51.8, 69.8	`rgb(68.6%,51.8%,69.8%)`
CMYK	2, 26, 0, 30
HSL	296.1°, 23, 60.8	`hsl(296.1,23%,60.8%)`
HSV (or HSB)	296.1°, 25.8, 69.8
Web Safe	999999	`#999999`

CIE-LAB	60.633, 24.502, -17.829
XYZ	33.965, 28.832, 45.893
xyY	0.312, 0.265, 28.832
CIE-LCH	60.633, 30.302, 323.958
CIE-LUV	60.633, 21.323, -30.591
Hunter-Lab	53.695, 18.945, -13.088
Binary	10101111, 10000100, 10110010

#af84b2
```
#af84b2 rgb(175,132,178)
```
#87b284
```
#87b284 rgb(135,178,132)
```

Complementary Color

#9884b2
```
#9884b2 rgb(152,132,178)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b2849e
```
#b2849e rgb(178,132,158)
```

Analogous Color

#84b298
```
#84b298 rgb(132,178,152)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#9eb284
```
#9eb284 rgb(158,178,132)
```

Split Complementary Color

#84b2af
```
#84b2af rgb(132,178,175)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b2af84
```
#b2af84 rgb(178,175,132)
```

Triadic Color

#8487b2
```
#8487b2 rgb(132,135,178)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b2af84
```
#b2af84 rgb(178,175,132)
```
#87b284
```
#87b284 rgb(135,178,132)
```

Tetradic Color

#8c5a90
```
#8c5a90 rgb(140,90,144)
```
#9b659e
```
#9b659e rgb(155,101,158)
```
#a574a8
```
#a574a8 rgb(165,116,168)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b994bc
```
#b994bc rgb(185,148,188)
```
#c3a3c6
```
#c3a3c6 rgb(195,163,198)
```
#ceb3cf
```
#ceb3cf rgb(206,179,207)
```

Monochromatic Color

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

#a484b2
```
#a484b2 rgb(164,132,178)
```
#a784b2
```
#a784b2 rgb(167,132,178)
```
#ab84b2
```
#ab84b2 rgb(171,132,178)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b284b1
```
#b284b1 rgb(178,132,177)
```
#b284ad
```
#b284ad rgb(178,132,173)
```
#b284aa
```
#b284aa rgb(178,132,170)
```

Similar Colors

Text with hexadecimal color #af84b2

This text has a font color of #af84b2.

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

#af84b2 background color

This paragraph has a background color of #af84b2.

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

#af84b2 border color

This element has a border color of #af84b2.

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

CSS codes

.text {color:#af84b2;}

.background {background-color:#af84b2;}

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

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, #09060a is the darkest color, while #fdfdfe is the lightest one.

#09060a
```
#09060a rgb(9,6,10)
```
#150e16
```
#150e16 rgb(21,14,22)
```
#211522
```
#211522 rgb(33,21,34)
```
#2d1d2e
```
#2d1d2e rgb(45,29,46)
```
#39243a
```
#39243a rgb(57,36,58)
```
#442c46
```
#442c46 rgb(68,44,70)
```
#503352
```
#503352 rgb(80,51,82)
```
#5c3b5e
```
#5c3b5e rgb(92,59,94)
```
#68426a
```
#68426a rgb(104,66,106)
```
#734a76
```
#734a76 rgb(115,74,118)
```
#7f5282
```
#7f5282 rgb(127,82,130)
```
#8b598e
```
#8b598e rgb(139,89,142)
```
#97619a
```
#97619a rgb(151,97,154)
```

Shade Color Variation

#9f6ca3
```
#9f6ca3 rgb(159,108,163)
```
#a778aa
```
#a778aa rgb(167,120,170)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b790ba
```
#b790ba rgb(183,144,186)
```
#bf9cc1
```
#bf9cc1 rgb(191,156,193)
```
#c7a8c9
```
#c7a8c9 rgb(199,168,201)
```
#ceb4d0
```
#ceb4d0 rgb(206,180,208)
```
#d6c0d8
```
#d6c0d8 rgb(214,192,216)
```
#deccdf
```
#deccdf rgb(222,204,223)
```
#e6d8e7
```
#e6d8e7 rgb(230,216,231)
```
#eee5ee
```
#eee5ee rgb(238,229,238)
```
#f6f1f6
```
#f6f1f6 rgb(246,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a293a3
```
#a293a3 rgb(162,147,163)
```
#a88caa
```
#a88caa rgb(168,140,170)
```
#af84b2
```
#af84b2 rgb(175,132,178)
```
#b67cba
```
#b67cba rgb(182,124,186)
```
#bc75c1
```
#bc75c1 rgb(188,117,193)
```
#c36dc9
```
#c36dc9 rgb(195,109,201)
```
#ca65d1
```
#ca65d1 rgb(202,101,209)
```
#d05ed8
```
#d05ed8 rgb(208,94,216)
```
#d756e0
```
#d756e0 rgb(215,86,224)
```
#de4ee8
```
#de4ee8 rgb(222,78,232)
```
#e546f0
```
#e546f0 rgb(229,70,240)
```
#eb3ff7
```
#eb3ff7 rgb(235,63,247)
```
#f237ff
```
#f237ff rgb(242,55,255)
```

Tone Color Variation

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

#8d96bd Protanopia 1% of men
#9894b2 Deuteranopia 1% of men
#ae8f99 Tritanopia 0.001% of the population

Trichromacy

#998fb9 Protanomaly 1% of men, 0.01% of women
#a08eb2 Deuteranomaly 6% of men, 0.4% of women
#ae8ba2 Tritanomaly 0.01% of the population

#af84b2 hex color

#af84b2 Color Information

#af84b2 Color Conversion

Color Schemes with #af84b2

Alternatives to #af84b2

#af84b2 Preview

Shades and Tints of #af84b2

Tones of #af84b2

Color Blindness Simulator