#af58b4 hex color

In a RGB color space, hex #af58b4 is composed of 68.6% red, 34.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 51.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 296.7 degrees, a saturation of 38% and a lightness of 52.5%. #af58b4 color hex could be obtained by blending #ffb0ff with #5f0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 71
RGB color chart
- C 3
- M 51
- Y 0
- K 29
CMYK color chart

● #af58b4 color description : Moderate magenta.

The hexadecimal color #af58b4 has RGB values of R:175, G:88, B:180 and CMYK values of C:0.03, M:0.51, Y:0, K:0.29. Its decimal value is 11491508.

Hex triplet	af58b4	`#af58b4`
RGB Decimal	175, 88, 180	`rgb(175,88,180)`
RGB Percent	68.6, 34.5, 70.6	`rgb(68.6%,34.5%,70.6%)`
CMYK	3, 51, 0, 29
HSL	296.7°, 38, 52.5	`hsl(296.7,38%,52.5%)`
HSV (or HSB)	296.7°, 51.1, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.14, 48.773, -33.624
XYZ	29.406, 19.39, 45.371
xyY	0.312, 0.206, 19.39
CIE-LCH	51.14, 59.241, 325.418
CIE-LUV	51.14, 39.824, -57.141
Hunter-Lab	44.034, 42.144, -30.267
Binary	10101111, 01011000, 10110100

#af58b4
```
#af58b4 rgb(175,88,180)
```
#5db458
```
#5db458 rgb(93,180,88)
```

Complementary Color

#8158b4
```
#8158b4 rgb(129,88,180)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b4588b
```
#b4588b rgb(180,88,139)
```

Analogous Color

#58b481
```
#58b481 rgb(88,180,129)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#8bb458
```
#8bb458 rgb(139,180,88)
```

Split Complementary Color

#58b4af
```
#58b4af rgb(88,180,175)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b4af58
```
#b4af58 rgb(180,175,88)
```

Triadic Color

#585db4
```
#585db4 rgb(88,93,180)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b4af58
```
#b4af58 rgb(180,175,88)
```
#5db458
```
#5db458 rgb(93,180,88)
```

Tetradic Color

#803b84
```
#803b84 rgb(128,59,132)
```
#914396
```
#914396 rgb(145,67,150)
```
#a24ba7
```
#a24ba7 rgb(162,75,167)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b76abc
```
#b76abc rgb(183,106,188)
```
#c07bc4
```
#c07bc4 rgb(192,123,196)
```
#c88dcc
```
#c88dcc rgb(200,141,204)
```

Monochromatic Color

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

#9858b4
```
#9858b4 rgb(152,88,180)
```
#a058b4
```
#a058b4 rgb(160,88,180)
```
#a758b4
```
#a758b4 rgb(167,88,180)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b458b1
```
#b458b1 rgb(180,88,177)
```
#b458aa
```
#b458aa rgb(180,88,170)
```
#b458a2
```
#b458a2 rgb(180,88,162)
```

Similar Colors

Text with hexadecimal color #af58b4

This text has a font color of #af58b4.

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

#af58b4 background color

This paragraph has a background color of #af58b4.

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

#af58b4 border color

This element has a border color of #af58b4.

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

CSS codes

.text {color:#af58b4;}

.background {background-color:#af58b4;}

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

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

#090409
```
#090409 rgb(9,4,9)
```
#160a17
```
#160a17 rgb(22,10,23)
```
#231024
```
#231024 rgb(35,16,36)
```
#301632
```
#301632 rgb(48,22,50)
```
#3d1c3f
```
#3d1c3f rgb(61,28,63)
```
#4a224d
```
#4a224d rgb(74,34,77)
```
#57295a
```
#57295a rgb(87,41,90)
```
#652f68
```
#652f68 rgb(101,47,104)
```
#723575
```
#723575 rgb(114,53,117)
```
#7f3b83
```
#7f3b83 rgb(127,59,131)
```
#8c4190
```
#8c4190 rgb(140,65,144)
```
#99479e
```
#99479e rgb(153,71,158)
```
#a64dab
```
#a64dab rgb(166,77,171)
```

Shade Color Variation

#af58b4
```
#af58b4 rgb(175,88,180)
```
#b566ba
```
#b566ba rgb(181,102,186)
```
#bc73c0
```
#bc73c0 rgb(188,115,192)
```
#c281c6
```
#c281c6 rgb(194,129,198)
```
#c98ecc
```
#c98ecc rgb(201,142,204)
```
#cf9cd2
```
#cf9cd2 rgb(207,156,210)
```
#d6a9d8
```
#d6a9d8 rgb(214,169,216)
```
#dcb7df
```
#dcb7df rgb(220,183,223)
```
#e3c4e5
```
#e3c4e5 rgb(227,196,229)
```
#e9d2eb
```
#e9d2eb rgb(233,210,235)
```
#f0dff1
```
#f0dff1 rgb(240,223,241)
```
#f6edf7
```
#f6edf7 rgb(246,237,247)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#8e7d8f
```
#8e7d8f rgb(142,125,143)
```
#967498
```
#967498 rgb(150,116,152)
```
#9e6ba1
```
#9e6ba1 rgb(158,107,161)
```
#a761ab
```
#a761ab rgb(167,97,171)
```
#af58b4
```
#af58b4 rgb(175,88,180)
```
#b74fbd
```
#b74fbd rgb(183,79,189)
```
#c045c7
```
#c045c7 rgb(192,69,199)
```
#c83cd0
```
#c83cd0 rgb(200,60,208)
```
#d033d9
```
#d033d9 rgb(208,51,217)
```
#d829e3
```
#d829e3 rgb(216,41,227)
```
#e120ec
```
#e120ec rgb(225,32,236)
```
#e917f5
```
#e917f5 rgb(233,23,245)
```
#f10efe
```
#f10efe rgb(241,14,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c7ecd Protanopia 1% of men
#6f7fae Deuteranopia 1% of men
#a97178 Tritanopia 0.001% of the population

Trichromacy

#7a70c4 Protanomaly 1% of men, 0.01% of women
#8671b0 Deuteranomaly 6% of men, 0.4% of women
#ab678e Tritanomaly 0.01% of the population

#af58b4 hex color

#af58b4 Color Information

#af58b4 Color Conversion

Color Schemes with #af58b4

Alternatives to #af58b4

#af58b4 Preview

Shades and Tints of #af58b4

Tones of #af58b4

Color Blindness Simulator