#af58ae hex color

In a RGB color space, hex #af58ae is composed of 68.6% red, 34.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 0.6% yellow and 31.4% black. It has a hue angle of 300.7 degrees, a saturation of 35.2% and a lightness of 51.6%. #af58ae color hex could be obtained by blending #ffb0ff with #5f005d. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 35
- B 68
RGB color chart
- C 0
- M 50
- Y 1
- K 31
CMYK color chart

● #af58ae color description : Dark moderate magenta.

The hexadecimal color #af58ae has RGB values of R:175, G:88, B:174 and CMYK values of C:0, M:0.5, Y:0.01, K:0.31. Its decimal value is 11491502.

Hex triplet	af58ae	`#af58ae`
RGB Decimal	175, 88, 174	`rgb(175,88,174)`
RGB Percent	68.6, 34.5, 68.2	`rgb(68.6%,34.5%,68.2%)`
CMYK	0, 50, 1, 31
HSL	300.7°, 35.2, 51.6	`hsl(300.7,35.2%,51.6%)`
HSV (or HSB)	300.7°, 49.7, 68.6
Web Safe	996699	`#996699`

CIE-LAB	50.863, 47.66, -30.562
XYZ	28.808, 19.151, 42.221
xyY	0.319, 0.212, 19.151
CIE-LCH	50.863, 56.617, 327.33
CIE-LUV	50.863, 41.284, -52.259
Hunter-Lab	43.762, 40.923, -26.57
Binary	10101111, 01011000, 10101110

#af58ae
```
#af58ae rgb(175,88,174)
```
#58af59
```
#58af59 rgb(88,175,89)
```

Complementary Color

#8558af
```
#8558af rgb(133,88,175)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#af5883
```
#af5883 rgb(175,88,131)
```

Analogous Color

#58af85
```
#58af85 rgb(88,175,133)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#83af58
```
#83af58 rgb(131,175,88)
```

Split Complementary Color

#58aeaf
```
#58aeaf rgb(88,174,175)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#aeaf58
```
#aeaf58 rgb(174,175,88)
```

Triadic Color

#5958af
```
#5958af rgb(89,88,175)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#aeaf58
```
#aeaf58 rgb(174,175,88)
```
#58af59
```
#58af59 rgb(88,175,89)
```

Tetradic Color

#7e3c7d
```
#7e3c7d rgb(126,60,125)
```
#8f458e
```
#8f458e rgb(143,69,142)
```
#a14da0
```
#a14da0 rgb(161,77,160)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#b769b6
```
#b769b6 rgb(183,105,182)
```
#c07abf
```
#c07abf rgb(192,122,191)
```
#c88cc7
```
#c88cc7 rgb(200,140,199)
```

Monochromatic Color

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

#9a58af
```
#9a58af rgb(154,88,175)
```
#a258af
```
#a258af rgb(162,88,175)
```
#a958af
```
#a958af rgb(169,88,175)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#af58a7
```
#af58a7 rgb(175,88,167)
```
#af58a0
```
#af58a0 rgb(175,88,160)
```
#af5898
```
#af5898 rgb(175,88,152)
```

Similar Colors

Text with hexadecimal color #af58ae

This text has a font color of #af58ae.

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

#af58ae background color

This paragraph has a background color of #af58ae.

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

#af58ae border color

This element has a border color of #af58ae.

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

CSS codes

.text {color:#af58ae;}

.background {background-color:#af58ae;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#130913
```
#130913 rgb(19,9,19)
```
#200f20
```
#200f20 rgb(32,15,32)
```
#2d162d
```
#2d162d rgb(45,22,45)
```
#3a1c3a
```
#3a1c3a rgb(58,28,58)
```
#482247
```
#482247 rgb(72,34,71)
```
#552954
```
#552954 rgb(85,41,84)
```
#622f62
```
#622f62 rgb(98,47,98)
```
#70356f
```
#70356f rgb(112,53,111)
```
#7d3c7c
```
#7d3c7c rgb(125,60,124)
```
#8a4289
```
#8a4289 rgb(138,66,137)
```
#974896
```
#974896 rgb(151,72,150)
```
#a54fa4
```
#a54fa4 rgb(165,79,164)
```

Shade Color Variation

#af58ae
```
#af58ae rgb(175,88,174)
```
#b565b4
```
#b565b4 rgb(181,101,180)
```
#bc73bb
```
#bc73bb rgb(188,115,187)
```
#c280c1
```
#c280c1 rgb(194,128,193)
```
#c88dc8
```
#c88dc8 rgb(200,141,200)
```
#cf9ace
```
#cf9ace rgb(207,154,206)
```
#d5a8d5
```
#d5a8d5 rgb(213,168,213)
```
#dbb5db
```
#dbb5db rgb(219,181,219)
```
#e2c2e1
```
#e2c2e1 rgb(226,194,225)
```
#e8cfe8
```
#e8cfe8 rgb(232,207,232)
```
#efddee
```
#efddee rgb(239,221,238)
```
#f5eaf5
```
#f5eaf5 rgb(245,234,245)
```
#fbf7fb
```
#fbf7fb rgb(251,247,251)
```

Tint Color Variation

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

#897e89
```
#897e89 rgb(137,126,137)
```
#937592
```
#937592 rgb(147,117,146)
```
#9c6b9b
```
#9c6b9b rgb(156,107,155)
```
#a662a5
```
#a662a5 rgb(166,98,165)
```
#af58ae
```
#af58ae rgb(175,88,174)
```
#b94fb7
```
#b94fb7 rgb(185,79,183)
```
#c245c1
```
#c245c1 rgb(194,69,193)
```
#cc3cca
```
#cc3cca rgb(204,60,202)
```
#d532d3
```
#d532d3 rgb(213,50,211)
```
#df29dc
```
#df29dc rgb(223,41,220)
```
#e81fe6
```
#e81fe6 rgb(232,31,230)
```
#f216ef
```
#f216ef rgb(242,22,239)
```
#fb0cf8
```
#fb0cf8 rgb(251,12,248)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607dc7 Protanopia 1% of men
#727ea9 Deuteranopia 1% of men
#aa6f77 Tritanopia 0.001% of the population

Trichromacy

#7d6fbe Protanomaly 1% of men, 0.01% of women
#8870ab Deuteranomaly 6% of men, 0.4% of women
#ac678b Tritanomaly 0.01% of the population

#af58ae hex color

#af58ae Color Information

#af58ae Color Conversion

Color Schemes with #af58ae

Alternatives to #af58ae

#af58ae Preview

Shades and Tints of #af58ae

Tones of #af58ae

Color Blindness Simulator