#af58dd hex color

In a RGB color space, hex #af58dd is composed of 68.6% red, 34.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 60.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 279.2 degrees, a saturation of 66.2% and a lightness of 60.6%. #af58dd color hex could be obtained by blending #ffb0ff with #5f00bb. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 87
RGB color chart
- C 21
- M 60
- Y 0
- K 13
CMYK color chart

● #af58dd color description : Soft violet.

The hexadecimal color #af58dd has RGB values of R:175, G:88, B:221 and CMYK values of C:0.21, M:0.6, Y:0, K:0.13. Its decimal value is 11491549.

Hex triplet	af58dd	`#af58dd`
RGB Decimal	175, 88, 221	`rgb(175,88,221)`
RGB Percent	68.6, 34.5, 86.7	`rgb(68.6%,34.5%,86.7%)`
CMYK	21, 60, 0, 13
HSL	279.2°, 66.2, 60.6	`hsl(279.2,66.2%,60.6%)`
HSV (or HSB)	279.2°, 60.2, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.292, 57.02, -53.73
XYZ	34.218, 21.315, 70.714
xyY	0.271, 0.169, 21.315
CIE-LCH	53.292, 78.346, 316.702
CIE-LUV	53.292, 30.449, -89.689
Hunter-Lab	46.168, 51.505, -58.495
Binary	10101111, 01011000, 11011101

#af58dd
```
#af58dd rgb(175,88,221)
```
#86dd58
```
#86dd58 rgb(134,221,88)
```

Complementary Color

#6d58dd
```
#6d58dd rgb(109,88,221)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#dd58c9
```
#dd58c9 rgb(221,88,201)
```

Analogous Color

#58dd6d
```
#58dd6d rgb(88,221,109)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#c9dd58
```
#c9dd58 rgb(201,221,88)
```

Split Complementary Color

#58ddaf
```
#58ddaf rgb(88,221,175)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#ddaf58
```
#ddaf58 rgb(221,175,88)
```

Triadic Color

#5886dd
```
#5886dd rgb(88,134,221)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#ddaf58
```
#ddaf58 rgb(221,175,88)
```
#86dd58
```
#86dd58 rgb(134,221,88)
```

Tetradic Color

#8c27c1
```
#8c27c1 rgb(140,39,193)
```
#9b2ed4
```
#9b2ed4 rgb(155,46,212)
```
#a543d9
```
#a543d9 rgb(165,67,217)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#b96de1
```
#b96de1 rgb(185,109,225)
```
#c382e6
```
#c382e6 rgb(195,130,230)
```
#cd98ea
```
#cd98ea rgb(205,152,234)
```

Monochromatic Color

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

#8e58dd
```
#8e58dd rgb(142,88,221)
```
#9958dd
```
#9958dd rgb(153,88,221)
```
#a458dd
```
#a458dd rgb(164,88,221)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#ba58dd
```
#ba58dd rgb(186,88,221)
```
#c558dd
```
#c558dd rgb(197,88,221)
```
#d058dd
```
#d058dd rgb(208,88,221)
```

Similar Colors

Text with hexadecimal color #af58dd

This text has a font color of #af58dd.

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

#af58dd background color

This paragraph has a background color of #af58dd.

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

#af58dd border color

This element has a border color of #af58dd.

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

CSS codes

.text {color:#af58dd;}

.background {background-color:#af58dd;}

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

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, #09020c is the darkest color, while #fdfbfe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#15061d
```
#15061d rgb(21,6,29)
```
#21092d
```
#21092d rgb(33,9,45)
```
#2c0c3d
```
#2c0c3d rgb(44,12,61)
```
#38104d
```
#38104d rgb(56,16,77)
```
#44135e
```
#44135e rgb(68,19,94)
```
#50166e
```
#50166e rgb(80,22,110)
```
#5c1a7e
```
#5c1a7e rgb(92,26,126)
```
#671d8f
```
#671d8f rgb(103,29,143)
```
#73209f
```
#73209f rgb(115,32,159)
```
#7f24af
```
#7f24af rgb(127,36,175)
```
#8b27c0
```
#8b27c0 rgb(139,39,192)
```
#972ad0
```
#972ad0 rgb(151,42,208)
```

Shade Color Variation

#9f37d6
```
#9f37d6 rgb(159,55,214)
```
#a748da
```
#a748da rgb(167,72,218)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#b768e0
```
#b768e0 rgb(183,104,224)
```
#bf79e4
```
#bf79e4 rgb(191,121,228)
```
#c689e7
```
#c689e7 rgb(198,137,231)
```
#ce99ea
```
#ce99ea rgb(206,153,234)
```
#d6a9ee
```
#d6a9ee rgb(214,169,238)
```
#debaf1
```
#debaf1 rgb(222,186,241)
```
#e6caf4
```
#e6caf4 rgb(230,202,244)
```
#eddaf8
```
#eddaf8 rgb(237,218,248)
```
#f5ebfb
```
#f5ebfb rgb(245,235,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9c969f
```
#9c969f rgb(156,150,159)
```
#9e8ea7
```
#9e8ea7 rgb(158,142,167)
```
#a186af
```
#a186af rgb(161,134,175)
```
#a37fb6
```
#a37fb6 rgb(163,127,182)
```
#a577be
```
#a577be rgb(165,119,190)
```
#a86fc6
```
#a86fc6 rgb(168,111,198)
```
#aa67ce
```
#aa67ce rgb(170,103,206)
```
#ad60d5
```
#ad60d5 rgb(173,96,213)
```
#af58dd
```
#af58dd rgb(175,88,221)
```
#b150e5
```
#b150e5 rgb(177,80,229)
```
#b449ec
```
#b449ec rgb(180,73,236)
```
#b641f4
```
#b641f4 rgb(182,65,244)
```
#b939fc
```
#b939fc rgb(185,57,252)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2581fa Protanopia 1% of men
#5086d2 Deuteranopia 1% of men
#a27b84 Tritanopia 0.001% of the population

Trichromacy

#5772f0 Protanomaly 1% of men, 0.01% of women
#7275d6 Deuteranomaly 6% of men, 0.4% of women
#a66ea4 Tritanomaly 0.01% of the population

#af58dd hex color

#af58dd Color Information

#af58dd Color Conversion

Color Schemes with #af58dd

Alternatives to #af58dd

#af58dd Preview

Shades and Tints of #af58dd

Tones of #af58dd

Color Blindness Simulator