#af58b8 hex color

In a RGB color space, hex #af58b8 is composed of 68.6% red, 34.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 52.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 294.4 degrees, a saturation of 40.3% and a lightness of 53.3%. #af58b8 color hex could be obtained by blending #ffb0ff with #5f0071. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 72
RGB color chart
- C 5
- M 52
- Y 0
- K 28
CMYK color chart

● #af58b8 color description : Moderate magenta.

The hexadecimal color #af58b8 has RGB values of R:175, G:88, B:184 and CMYK values of C:0.05, M:0.52, Y:0, K:0.28. Its decimal value is 11491512.

Hex triplet	af58b8	`#af58b8`
RGB Decimal	175, 88, 184	`rgb(175,88,184)`
RGB Percent	68.6, 34.5, 72.2	`rgb(68.6%,34.5%,72.2%)`
CMYK	5, 52, 0, 28
HSL	294.4°, 40.3, 53.3	`hsl(294.4,40.3%,53.3%)`
HSV (or HSB)	294.4°, 52.2, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.331, 49.53, -35.649
XYZ	29.82, 19.555, 47.549
xyY	0.308, 0.202, 19.555
CIE-LCH	51.331, 61.025, 324.256
CIE-LUV	51.331, 38.86, -60.385
Hunter-Lab	44.221, 42.98, -32.796
Binary	10101111, 01011000, 10111000

#af58b8
```
#af58b8 rgb(175,88,184)
```
#61b858
```
#61b858 rgb(97,184,88)
```

Complementary Color

#7f58b8
```
#7f58b8 rgb(127,88,184)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b85891
```
#b85891 rgb(184,88,145)
```

Analogous Color

#58b87f
```
#58b87f rgb(88,184,127)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#91b858
```
#91b858 rgb(145,184,88)
```

Split Complementary Color

#58b8af
```
#58b8af rgb(88,184,175)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b8af58
```
#b8af58 rgb(184,175,88)
```

Triadic Color

#5861b8
```
#5861b8 rgb(88,97,184)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b8af58
```
#b8af58 rgb(184,175,88)
```
#61b858
```
#61b858 rgb(97,184,88)
```

Tetradic Color

#823a89
```
#823a89 rgb(130,58,137)
```
#93429b
```
#93429b rgb(147,66,155)
```
#a44aad
```
#a44aad rgb(164,74,173)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b86ac0
```
#b86ac0 rgb(184,106,192)
```
#c07cc7
```
#c07cc7 rgb(192,124,199)
```
#c98ecf
```
#c98ecf rgb(201,142,207)
```

Monochromatic Color

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

#9758b8
```
#9758b8 rgb(151,88,184)
```
#9f58b8
```
#9f58b8 rgb(159,88,184)
```
#a758b8
```
#a758b8 rgb(167,88,184)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b758b8
```
#b758b8 rgb(183,88,184)
```
#b858b1
```
#b858b1 rgb(184,88,177)
```
#b858a9
```
#b858a9 rgb(184,88,169)
```

Similar Colors

Text with hexadecimal color #af58b8

This text has a font color of #af58b8.

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

#af58b8 background color

This paragraph has a background color of #af58b8.

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

#af58b8 border color

This element has a border color of #af58b8.

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

CSS codes

.text {color:#af58b8;}

.background {background-color:#af58b8;}

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

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

#0b050c
```
#0b050c rgb(11,5,12)
```
#180b1a
```
#180b1a rgb(24,11,26)
```
#251127
```
#251127 rgb(37,17,39)
```
#321735
```
#321735 rgb(50,23,53)
```
#3f1c43
```
#3f1c43 rgb(63,28,67)
```
#4c2251
```
#4c2251 rgb(76,34,81)
```
#59285f
```
#59285f rgb(89,40,95)
```
#662e6c
```
#662e6c rgb(102,46,108)
```
#73347a
```
#73347a rgb(115,52,122)
```
#803a88
```
#803a88 rgb(128,58,136)
```
#8e4096
```
#8e4096 rgb(142,64,150)
```
#9b45a3
```
#9b45a3 rgb(155,69,163)
```
#a84bb1
```
#a84bb1 rgb(168,75,177)
```

Shade Color Variation

#af58b8
```
#af58b8 rgb(175,88,184)
```
#b666be
```
#b666be rgb(182,102,190)
```
#bc74c4
```
#bc74c4 rgb(188,116,196)
```
#c381ca
```
#c381ca rgb(195,129,202)
```
#c98fcf
```
#c98fcf rgb(201,143,207)
```
#d09dd5
```
#d09dd5 rgb(208,157,213)
```
#d7abdb
```
#d7abdb rgb(215,171,219)
```
#ddb8e1
```
#ddb8e1 rgb(221,184,225)
```
#e4c6e7
```
#e4c6e7 rgb(228,198,231)
```
#ead4ed
```
#ead4ed rgb(234,212,237)
```
#f1e2f3
```
#f1e2f3 rgb(241,226,243)
```
#f8eff8
```
#f8eff8 rgb(248,239,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#8a868a
```
#8a868a rgb(138,134,138)
```
#917d93
```
#917d93 rgb(145,125,147)
```
#99739d
```
#99739d rgb(153,115,157)
```
#a06aa6
```
#a06aa6 rgb(160,106,166)
```
#a861af
```
#a861af rgb(168,97,175)
```
#af58b8
```
#af58b8 rgb(175,88,184)
```
#b64fc1
```
#b64fc1 rgb(182,79,193)
```
#be46ca
```
#be46ca rgb(190,70,202)
```
#c53dd3
```
#c53dd3 rgb(197,61,211)
```
#cd33dd
```
#cd33dd rgb(205,51,221)
```
#d42ae6
```
#d42ae6 rgb(212,42,230)
```
#dc21ef
```
#dc21ef rgb(220,33,239)
```
#e318f8
```
#e318f8 rgb(227,24,248)
```

Tone Color Variation

Below, you can see how #af58b8 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
#877689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#597ed2 Protanopia 1% of men
#6d80b2 Deuteranopia 1% of men
#a97279 Tritanopia 0.001% of the population

Trichromacy

#7870c8 Protanomaly 1% of men, 0.01% of women
#8571b4 Deuteranomaly 6% of men, 0.4% of women
#ab6890 Tritanomaly 0.01% of the population

#af58b8 hex color

#af58b8 Color Information

#af58b8 Color Conversion

Color Schemes with #af58b8

Alternatives to #af58b8

#af58b8 Preview

Shades and Tints of #af58b8

Tones of #af58b8

Color Blindness Simulator