#af5ea2 hex color

In a RGB color space, hex #af5ea2 is composed of 68.6% red, 36.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 309.6 degrees, a saturation of 33.6% and a lightness of 52.7%. #af5ea2 color hex could be obtained by blending #ffbcff 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

● #af5ea2 color description : Dark moderate magenta.

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

Hex triplet	af5ea2	`#af5ea2`
RGB Decimal	175, 94, 162	`rgb(175,94,162)`
RGB Percent	68.6, 36.9, 63.5	`rgb(68.6%,36.9%,63.5%)`
CMYK	0, 46, 7, 31
HSL	309.6°, 33.6, 52.7	`hsl(309.6,33.6%,52.7%)`
HSV (or HSB)	309.6°, 46.3, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.53, 42.418, -22.507
XYZ	28.203, 19.729, 36.503
xyY	0.334, 0.234, 19.729
CIE-LCH	51.53, 48.019, 332.05
CIE-LUV	51.53, 41.736, -39.439
Hunter-Lab	44.418, 35.607, -17.633
Binary	10101111, 01011110, 10100010

#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#5eaf6b
```
#5eaf6b rgb(94,175,107)
```

Complementary Color

#945eaf
```
#945eaf rgb(148,94,175)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```

Analogous Color

#5eaf94
```
#5eaf94 rgb(94,175,148)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#7aaf5e
```
#7aaf5e rgb(122,175,94)
```

Split Complementary Color

#5ea2af
```
#5ea2af rgb(94,162,175)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#a2af5e
```
#a2af5e rgb(162,175,94)
```

Triadic Color

#6b5eaf
```
#6b5eaf rgb(107,94,175)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#a2af5e
```
#a2af5e rgb(162,175,94)
```
#5eaf6b
```
#5eaf6b rgb(94,175,107)
```

Tetradic Color

#814076
```
#814076 rgb(129,64,118)
```
#924886
```
#924886 rgb(146,72,134)
```
#a35196
```
#a35196 rgb(163,81,150)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#b76fac
```
#b76fac rgb(183,111,172)
```
#c080b6
```
#c080b6 rgb(192,128,182)
```
#c891c0
```
#c891c0 rgb(200,145,192)
```

Monochromatic Color

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

#a85eaf
```
#a85eaf rgb(168,94,175)
```
#af5eaf
```
#af5eaf rgb(175,94,175)
```
#af5ea9
```
#af5ea9 rgb(175,94,169)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#af5e9b
```
#af5e9b rgb(175,94,155)
```
#af5e95
```
#af5e95 rgb(175,94,149)
```
#af5e8e
```
#af5e8e rgb(175,94,142)
```

Similar Colors

Text with hexadecimal color #af5ea2

This text has a font color of #af5ea2.

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

#af5ea2 background color

This paragraph has a background color of #af5ea2.

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

#af5ea2 border color

This element has a border color of #af5ea2.

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

CSS codes

.text {color:#af5ea2;}

.background {background-color:#af5ea2;}

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

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

#090509
```
#090509 rgb(9,5,9)
```
#160b15
```
#160b15 rgb(22,11,21)
```
#241221
```
#241221 rgb(36,18,33)
```
#31182d
```
#31182d rgb(49,24,45)
```
#3e1f39
```
#3e1f39 rgb(62,31,57)
```
#4b2545
```
#4b2545 rgb(75,37,69)
```
#582c51
```
#582c51 rgb(88,44,81)
```
#65325d
```
#65325d rgb(101,50,93)
```
#723969
```
#723969 rgb(114,57,105)
```
#7f3f75
```
#7f3f75 rgb(127,63,117)
```
#8c4681
```
#8c4681 rgb(140,70,129)
```
#994c8d
```
#994c8d rgb(153,76,141)
```
#a75399
```
#a75399 rgb(167,83,153)
```

Shade Color Variation

#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#b66baa
```
#b66baa rgb(182,107,170)
```
#bc78b1
```
#bc78b1 rgb(188,120,177)
```
#c385b9
```
#c385b9 rgb(195,133,185)
```
#c992c0
```
#c992c0 rgb(201,146,192)
```
#d0a0c8
```
#d0a0c8 rgb(208,160,200)
```
#d6adcf
```
#d6adcf rgb(214,173,207)
```
#ddbad7
```
#ddbad7 rgb(221,186,215)
```
#e3c7df
```
#e3c7df rgb(227,199,223)
```
#ead4e6
```
#ead4e6 rgb(234,212,230)
```
#f0e1ee
```
#f0e1ee rgb(240,225,238)
```
#f7eef5
```
#f7eef5 rgb(247,238,245)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#8a8389
```
#8a8389 rgb(138,131,137)
```
#937a8f
```
#937a8f rgb(147,122,143)
```
#9c7195
```
#9c7195 rgb(156,113,149)
```
#a6679c
```
#a6679c rgb(166,103,156)
```
#af5ea2
```
#af5ea2 rgb(175,94,162)
```
#b855a8
```
#b855a8 rgb(184,85,168)
```
#c24baf
```
#c24baf rgb(194,75,175)
```
#cb42b5
```
#cb42b5 rgb(203,66,181)
```
#d439bb
```
#d439bb rgb(212,57,187)
```
#dd30c1
```
#dd30c1 rgb(221,48,193)
```
#e726c8
```
#e726c8 rgb(231,38,200)
```
#f01dce
```
#f01dce rgb(240,29,206)
```
#f914d4
```
#f914d4 rgb(249,20,212)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7fb7 Protanopia 1% of men
#7d7f9f Deuteranopia 1% of men
#ad7178 Tritanopia 0.001% of the population

Trichromacy

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

#af5ea2 hex color

#af5ea2 Color Information

#af5ea2 Color Conversion

Color Schemes with #af5ea2

Alternatives to #af5ea2

#af5ea2 Preview

Shades and Tints of #af5ea2

Tones of #af5ea2

Color Blindness Simulator