#af84ba hex color

In a RGB color space, hex #af84ba is composed of 68.6% red, 51.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 29% magenta, 0% yellow and 27.1% black. It has a hue angle of 287.8 degrees, a saturation of 28.1% and a lightness of 62.4%. #af84ba color hex could be obtained by blending #ffffff with #5f0975. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 52
- B 73
RGB color chart
- C 6
- M 29
- Y 0
- K 27
CMYK color chart

● #af84ba color description : Slightly desaturated magenta.

The hexadecimal color #af84ba has RGB values of R:175, G:132, B:186 and CMYK values of C:0.06, M:0.29, Y:0, K:0.27. Its decimal value is 11502778.

Hex triplet	af84ba	`#af84ba`
RGB Decimal	175, 132, 186	`rgb(175,132,186)`
RGB Percent	68.6, 51.8, 72.9	`rgb(68.6%,51.8%,72.9%)`
CMYK	6, 29, 0, 27
HSL	287.8°, 28.1, 62.4	`hsl(287.8,28.1%,62.4%)`
HSV (or HSB)	287.8°, 29, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.925, 26.1, -21.926
XYZ	34.792, 29.162, 50.248
xyY	0.305, 0.255, 29.162
CIE-LCH	60.925, 34.087, 319.967
CIE-LUV	60.925, 20.24, -37.249
Hunter-Lab	54.002, 20.499, -17.366
Binary	10101111, 10000100, 10111010

#af84ba
```
#af84ba rgb(175,132,186)
```
#8fba84
```
#8fba84 rgb(143,186,132)
```

Complementary Color

#9484ba
```
#9484ba rgb(148,132,186)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#ba84aa
```
#ba84aa rgb(186,132,170)
```

Analogous Color

#84ba94
```
#84ba94 rgb(132,186,148)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#aaba84
```
#aaba84 rgb(170,186,132)
```

Split Complementary Color

#84baaf
```
#84baaf rgb(132,186,175)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#baaf84
```
#baaf84 rgb(186,175,132)
```

Triadic Color

#848fba
```
#848fba rgb(132,143,186)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#baaf84
```
#baaf84 rgb(186,175,132)
```
#8fba84
```
#8fba84 rgb(143,186,132)
```

Tetradic Color

#8d579b
```
#8d579b rgb(141,87,155)
```
#9a63a8
```
#9a63a8 rgb(154,99,168)
```
#a474b1
```
#a474b1 rgb(164,116,177)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#ba94c3
```
#ba94c3 rgb(186,148,195)
```
#c4a5cc
```
#c4a5cc rgb(196,165,204)
```
#cfb5d5
```
#cfb5d5 rgb(207,181,213)
```

Monochromatic Color

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

#a284ba
```
#a284ba rgb(162,132,186)
```
#a684ba
```
#a684ba rgb(166,132,186)
```
#ab84ba
```
#ab84ba rgb(171,132,186)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#b484ba
```
#b484ba rgb(180,132,186)
```
#b884ba
```
#b884ba rgb(184,132,186)
```
#ba84b8
```
#ba84b8 rgb(186,132,184)
```

Similar Colors

Text with hexadecimal color #af84ba

This text has a font color of #af84ba.

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

#af84ba background color

This paragraph has a background color of #af84ba.

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

#af84ba border color

This element has a border color of #af84ba.

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

CSS codes

.text {color:#af84ba;}

.background {background-color:#af84ba;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0e090f
```
#0e090f rgb(14,9,15)
```
#19101c
```
#19101c rgb(25,16,28)
```
#251728
```
#251728 rgb(37,23,40)
```
#301e35
```
#301e35 rgb(48,30,53)
```
#3c2541
```
#3c2541 rgb(60,37,65)
```
#472c4e
```
#472c4e rgb(71,44,78)
```
#53335b
```
#53335b rgb(83,51,91)
```
#5e3a67
```
#5e3a67 rgb(94,58,103)
```
#694174
```
#694174 rgb(105,65,116)
```
#754880
```
#754880 rgb(117,72,128)
```
#804f8d
```
#804f8d rgb(128,79,141)
```
#8c5699
```
#8c5699 rgb(140,86,153)
```

Shade Color Variation

#965ea5
```
#965ea5 rgb(150,94,165)
```
#9f6bac
```
#9f6bac rgb(159,107,172)
```
#a777b3
```
#a777b3 rgb(167,119,179)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#b791c1
```
#b791c1 rgb(183,145,193)
```
#bf9dc8
```
#bf9dc8 rgb(191,157,200)
```
#c8aacf
```
#c8aacf rgb(200,170,207)
```
#d0b6d6
```
#d0b6d6 rgb(208,182,214)
```
#d8c3dd
```
#d8c3dd rgb(216,195,221)
```
#e0cfe4
```
#e0cfe4 rgb(224,207,228)
```
#e8dceb
```
#e8dceb rgb(232,220,235)
```
#f0e9f2
```
#f0e9f2 rgb(240,233,242)
```
#f9f5f9
```
#f9f5f9 rgb(249,245,249)
```

Tint Color Variation

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

#a29aa4
```
#a29aa4 rgb(162,154,164)
```
#a693ab
```
#a693ab rgb(166,147,171)
```
#ab8bb3
```
#ab8bb3 rgb(171,139,179)
```
#af84ba
```
#af84ba rgb(175,132,186)
```
#b37dc1
```
#b37dc1 rgb(179,125,193)
```
#b875c9
```
#b875c9 rgb(184,117,201)
```
#bc6ed0
```
#bc6ed0 rgb(188,110,208)
```
#c166d8
```
#c166d8 rgb(193,102,216)
```
#c55fdf
```
#c55fdf rgb(197,95,223)
```
#c958e6
```
#c958e6 rgb(201,88,230)
```
#ce50ee
```
#ce50ee rgb(206,80,238)
```
#d249f5
```
#d249f5 rgb(210,73,245)
```
#d642fc
```
#d642fc rgb(214,66,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c939e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a96c5 Protanopia 1% of men
#9495b9 Deuteranopia 1% of men
#ad919b Tritanopia 0.001% of the population

Trichromacy

#9790c1 Protanomaly 1% of men, 0.01% of women
#9e8fb9 Deuteranomaly 6% of men, 0.4% of women
#ad8ca6 Tritanomaly 0.01% of the population

#af84ba hex color

#af84ba Color Information

#af84ba Color Conversion

Color Schemes with #af84ba

Alternatives to #af84ba

#af84ba Preview

Shades and Tints of #af84ba

Tones of #af84ba

Color Blindness Simulator