#af5fa2 hex color

In a RGB color space, hex #af5fa2 is composed of 68.6% red, 37.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 309.8 degrees, a saturation of 33.3% and a lightness of 52.9%. #af5fa2 color hex could be obtained by blending #ffbeff with #5f0045. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 37
- B 64
RGB color chart
- C 0
- M 46
- Y 7
- K 31
CMYK color chart

● #af5fa2 color description : Dark moderate magenta.

The hexadecimal color #af5fa2 has RGB values of R:175, G:95, B:162 and CMYK values of C:0, M:0.46, Y:0.07, K:0.31. Its decimal value is 11493282.

Hex triplet	af5fa2	`#af5fa2`
RGB Decimal	175, 95, 162	`rgb(175,95,162)`
RGB Percent	68.6, 37.3, 63.5	`rgb(68.6%,37.3%,63.5%)`
CMYK	0, 46, 7, 31
HSL	309.8°, 33.3, 52.9	`hsl(309.8,33.3%,52.9%)`
HSV (or HSB)	309.8°, 45.7, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.734, 41.892, -22.194
XYZ	28.292, 19.908, 36.533
xyY	0.334, 0.235, 19.908
CIE-LCH	51.734, 47.408, 332.086
CIE-LUV	51.734, 41.305, -38.92
Hunter-Lab	44.619, 35.103, -17.312
Binary	10101111, 01011111, 10100010

#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#5faf6c
```
#5faf6c rgb(95,175,108)
```

Complementary Color

#945faf
```
#945faf rgb(148,95,175)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```

Analogous Color

#5faf94
```
#5faf94 rgb(95,175,148)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#7aaf5f
```
#7aaf5f rgb(122,175,95)
```

Split Complementary Color

#5fa2af
```
#5fa2af rgb(95,162,175)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#a2af5f
```
#a2af5f rgb(162,175,95)
```

Triadic Color

#6c5faf
```
#6c5faf rgb(108,95,175)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#a2af5f
```
#a2af5f rgb(162,175,95)
```
#5faf6c
```
#5faf6c rgb(95,175,108)
```

Tetradic Color

#814177
```
#814177 rgb(129,65,119)
```
#924986
```
#924986 rgb(146,73,134)
```
#a35296
```
#a35296 rgb(163,82,150)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#b870ac
```
#b870ac rgb(184,112,172)
```
#c081b6
```
#c081b6 rgb(192,129,182)
```
#c992c0
```
#c992c0 rgb(201,146,192)
```

Monochromatic Color

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

#a85faf
```
#a85faf rgb(168,95,175)
```
#af5faf
```
#af5faf rgb(175,95,175)
```
#af5fa9
```
#af5fa9 rgb(175,95,169)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#af5f9b
```
#af5f9b rgb(175,95,155)
```
#af5f95
```
#af5f95 rgb(175,95,149)
```
#af5f8e
```
#af5f8e rgb(175,95,142)
```

Similar Colors

Text with hexadecimal color #af5fa2

This text has a font color of #af5fa2.

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

#af5fa2 background color

This paragraph has a background color of #af5fa2.

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

#af5fa2 border color

This element has a border color of #af5fa2.

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

CSS codes

.text {color:#af5fa2;}

.background {background-color:#af5fa2;}

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

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

#0a0509
```
#0a0509 rgb(10,5,9)
```
#170c15
```
#170c15 rgb(23,12,21)
```
#241221
```
#241221 rgb(36,18,33)
```
#31192d
```
#31192d rgb(49,25,45)
```
#3e1f39
```
#3e1f39 rgb(62,31,57)
```
#4b2645
```
#4b2645 rgb(75,38,69)
```
#582c51
```
#582c51 rgb(88,44,81)
```
#66335d
```
#66335d rgb(102,51,93)
```
#733969
```
#733969 rgb(115,57,105)
```
#804075
```
#804075 rgb(128,64,117)
```
#8d4681
```
#8d4681 rgb(141,70,129)
```
#9a4d8d
```
#9a4d8d rgb(154,77,141)
```
#a75399
```
#a75399 rgb(167,83,153)
```

Shade Color Variation

#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#b66caa
```
#b66caa rgb(182,108,170)
```
#bc79b1
```
#bc79b1 rgb(188,121,177)
```
#c386b9
```
#c386b9 rgb(195,134,185)
```
#c993c0
```
#c993c0 rgb(201,147,192)
```
#d0a0c8
```
#d0a0c8 rgb(208,160,200)
```
#d6add0
```
#d6add0 rgb(214,173,208)
```
#ddbbd7
```
#ddbbd7 rgb(221,187,215)
```
#e3c8df
```
#e3c8df rgb(227,200,223)
```
#ead5e6
```
#ead5e6 rgb(234,213,230)
```
#f0e2ee
```
#f0e2ee rgb(240,226,238)
```
#f7eff6
```
#f7eff6 rgb(247,239,246)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#8a8489
```
#8a8489 rgb(138,132,137)
```
#937b8f
```
#937b8f rgb(147,123,143)
```
#9d7196
```
#9d7196 rgb(157,113,150)
```
#a6689c
```
#a6689c rgb(166,104,156)
```
#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#b856a8
```
#b856a8 rgb(184,86,168)
```
#c14dae
```
#c14dae rgb(193,77,174)
```
#cb43b5
```
#cb43b5 rgb(203,67,181)
```
#d43abb
```
#d43abb rgb(212,58,187)
```
#dd31c1
```
#dd31c1 rgb(221,49,193)
```
#e628c7
```
#e628c7 rgb(230,40,199)
```
#f01ece
```
#f01ece rgb(240,30,206)
```
#f915d4
```
#f915d4 rgb(249,21,212)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e80b7 Protanopia 1% of men
#7e7f9f Deuteranopia 1% of men
#ad7179 Tritanopia 0.001% of the population

Trichromacy

#8674af Protanomaly 1% of men, 0.01% of women
#8f73a0 Deuteranomaly 6% of men, 0.4% of women
#ad6a88 Tritanomaly 0.01% of the population

#af5fa2 hex color

#af5fa2 Color Information

#af5fa2 Color Conversion

Color Schemes with #af5fa2

Alternatives to #af5fa2

#af5fa2 Preview

Shades and Tints of #af5fa2

Tones of #af5fa2

Color Blindness Simulator