#af58d6 hex color

In a RGB color space, hex #af58d6 is composed of 68.6% red, 34.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 58.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 281.4 degrees, a saturation of 60.6% and a lightness of 59.2%. #af58d6 color hex could be obtained by blending #ffb0ff with #5f00ad. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 84
RGB color chart
- C 18
- M 59
- Y 0
- K 16
CMYK color chart

● #af58d6 color description : Moderate violet.

The hexadecimal color #af58d6 has RGB values of R:175, G:88, B:214 and CMYK values of C:0.18, M:0.59, Y:0, K:0.16. Its decimal value is 11491542.

Hex triplet	af58d6	`#af58d6`
RGB Decimal	175, 88, 214	`rgb(175,88,214)`
RGB Percent	68.6, 34.5, 83.9	`rgb(68.6%,34.5%,83.9%)`
CMYK	18, 59, 0, 16
HSL	281.4°, 60.6, 59.2	`hsl(281.4,60.6%,59.2%)`
HSV (or HSB)	281.4°, 58.9, 83.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.894, 55.543, -50.396
XYZ	33.305, 20.949, 65.904
xyY	0.277, 0.174, 20.949
CIE-LCH	52.894, 74.999, 317.781
CIE-LUV	52.894, 31.964, -84.265
Hunter-Lab	45.771, 49.787, -53.331
Binary	10101111, 01011000, 11010110

#af58d6
```
#af58d6 rgb(175,88,214)
```
#7fd658
```
#7fd658 rgb(127,214,88)
```

Complementary Color

#7058d6
```
#7058d6 rgb(112,88,214)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#d658be
```
#d658be rgb(214,88,190)
```

Analogous Color

#58d670
```
#58d670 rgb(88,214,112)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#bed658
```
#bed658 rgb(190,214,88)
```

Split Complementary Color

#58d6af
```
#58d6af rgb(88,214,175)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#d6af58
```
#d6af58 rgb(214,175,88)
```

Triadic Color

#587fd6
```
#587fd6 rgb(88,127,214)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#d6af58
```
#d6af58 rgb(214,175,88)
```
#7fd658
```
#7fd658 rgb(127,214,88)
```

Tetradic Color

#8b2cb5
```
#8b2cb5 rgb(139,44,181)
```
#9a31ca
```
#9a31ca rgb(154,49,202)
```
#a544d1
```
#a544d1 rgb(165,68,209)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#b96cdb
```
#b96cdb rgb(185,108,219)
```
#c381e0
```
#c381e0 rgb(195,129,224)
```
#cc95e5
```
#cc95e5 rgb(204,149,229)
```

Monochromatic Color

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

#9058d6
```
#9058d6 rgb(144,88,214)
```
#9a58d6
```
#9a58d6 rgb(154,88,214)
```
#a558d6
```
#a558d6 rgb(165,88,214)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#ba58d6
```
#ba58d6 rgb(186,88,214)
```
#c458d6
```
#c458d6 rgb(196,88,214)
```
#cf58d6
```
#cf58d6 rgb(207,88,214)
```

Similar Colors

Text with hexadecimal color #af58d6

This text has a font color of #af58d6.

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

#af58d6 background color

This paragraph has a background color of #af58d6.

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

#af58d6 border color

This element has a border color of #af58d6.

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

CSS codes

.text {color:#af58d6;}

.background {background-color:#af58d6;}

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

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

#050206
```
#050206 rgb(5,2,6)
```
#110516
```
#110516 rgb(17,5,22)
```
#1d0926
```
#1d0926 rgb(29,9,38)
```
#290d35
```
#290d35 rgb(41,13,53)
```
#351145
```
#351145 rgb(53,17,69)
```
#411555
```
#411555 rgb(65,21,85)
```
#4d1965
```
#4d1965 rgb(77,25,101)
```
#591d74
```
#591d74 rgb(89,29,116)
```
#652084
```
#652084 rgb(101,32,132)
```
#712494
```
#712494 rgb(113,36,148)
```
#7d28a4
```
#7d28a4 rgb(125,40,164)
```
#8a2cb3
```
#8a2cb3 rgb(138,44,179)
```
#9630c3
```
#9630c3 rgb(150,48,195)
```

Shade Color Variation

#a039ce
```
#a039ce rgb(160,57,206)
```
#a748d2
```
#a748d2 rgb(167,72,210)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#b768da
```
#b768da rgb(183,104,218)
```
#be77de
```
#be77de rgb(190,119,222)
```
#c687e2
```
#c687e2 rgb(198,135,226)
```
#cd97e5
```
#cd97e5 rgb(205,151,229)
```
#d5a7e9
```
#d5a7e9 rgb(213,167,233)
```
#dcb6ed
```
#dcb6ed rgb(220,182,237)
```
#e4c6f1
```
#e4c6f1 rgb(228,198,241)
```
#ebd6f5
```
#ebd6f5 rgb(235,214,245)
```
#f3e6f9
```
#f3e6f9 rgb(243,230,249)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#9a909e
```
#9a909e rgb(154,144,158)
```
#9d88a6
```
#9d88a6 rgb(157,136,166)
```
#a080ae
```
#a080ae rgb(160,128,174)
```
#a378b6
```
#a378b6 rgb(163,120,182)
```
#a670be
```
#a670be rgb(166,112,190)
```
#a968c6
```
#a968c6 rgb(169,104,198)
```
#ac60ce
```
#ac60ce rgb(172,96,206)
```
#af58d6
```
#af58d6 rgb(175,88,214)
```
#b250de
```
#b250de rgb(178,80,222)
```
#b548e6
```
#b548e6 rgb(181,72,230)
```
#b840ee
```
#b840ee rgb(184,64,238)
```
#bb38f6
```
#bb38f6 rgb(187,56,246)
```
#be30fe
```
#be30fe rgb(190,48,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#897891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3681f3 Protanopia 1% of men
#5785cc Deuteranopia 1% of men
#a37982 Tritanopia 0.001% of the population

Trichromacy

#6272e8 Protanomaly 1% of men, 0.01% of women
#7774cf Deuteranomaly 6% of men, 0.4% of women
#a76da0 Tritanomaly 0.01% of the population

#af58d6 hex color

#af58d6 Color Information

#af58d6 Color Conversion

Color Schemes with #af58d6

Alternatives to #af58d6

#af58d6 Preview

Shades and Tints of #af58d6

Tones of #af58d6

Color Blindness Simulator