#af58f6 hex color

In a RGB color space, hex #af58f6 is composed of 68.6% red, 34.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 64.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 273 degrees, a saturation of 89.8% and a lightness of 65.5%. #af58f6 color hex could be obtained by blending #ffb0ff with #5f00ed. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 35
- B 96
RGB color chart
- C 29
- M 64
- Y 0
- K 4
CMYK color chart

● #af58f6 color description : Soft violet.

The hexadecimal color #af58f6 has RGB values of R:175, G:88, B:246 and CMYK values of C:0.29, M:0.64, Y:0, K:0.04. Its decimal value is 11491574.

Hex triplet	af58f6	`#af58f6`
RGB Decimal	175, 88, 246	`rgb(175,88,246)`
RGB Percent	68.6, 34.5, 96.5	`rgb(68.6%,34.5%,96.5%)`
CMYK	29, 64, 0, 4
HSL	273°, 89.8, 65.5	`hsl(273,89.8%,65.5%)`
HSV (or HSB)	273°, 64.2, 96.5
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.812, 62.475, -65.318
XYZ	37.801, 22.748, 89.583
xyY	0.252, 0.152, 22.748
CIE-LCH	54.812, 90.386, 313.726
CIE-LUV	54.812, 25.355, -108.508
Hunter-Lab	47.695, 58.006, -77.976
Binary	10101111, 01011000, 11110110

#af58f6
```
#af58f6 rgb(175,88,246)
```
#9ff658
```
#9ff658 rgb(159,246,88)
```

Complementary Color

#6058f6
```
#6058f6 rgb(96,88,246)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#f658ee
```
#f658ee rgb(246,88,238)
```

Analogous Color

#58f660
```
#58f660 rgb(88,246,96)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#eef658
```
#eef658 rgb(238,246,88)
```

Split Complementary Color

#58f6af
```
#58f6af rgb(88,246,175)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#f6af58
```
#f6af58 rgb(246,175,88)
```

Triadic Color

#589ff6
```
#589ff6 rgb(88,159,246)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#f6af58
```
#f6af58 rgb(246,175,88)
```
#9ff658
```
#9ff658 rgb(159,246,88)
```

Tetradic Color

#8c0ff2
```
#8c0ff2 rgb(140,15,242)
```
#9828f3
```
#9828f3 rgb(152,40,243)
```
#a340f5
```
#a340f5 rgb(163,64,245)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#bb70f7
```
#bb70f7 rgb(187,112,247)
```
#c688f9
```
#c688f9 rgb(198,136,249)
```
#d2a1fa
```
#d2a1fa rgb(210,161,250)
```

Monochromatic Color

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

#8858f6
```
#8858f6 rgb(136,88,246)
```
#9558f6
```
#9558f6 rgb(149,88,246)
```
#a258f6
```
#a258f6 rgb(162,88,246)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#bc58f6
```
#bc58f6 rgb(188,88,246)
```
#c958f6
```
#c958f6 rgb(201,88,246)
```
#d758f6
```
#d758f6 rgb(215,88,246)
```

Similar Colors

Text with hexadecimal color #af58f6

This text has a font color of #af58f6.

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

#af58f6 background color

This paragraph has a background color of #af58f6.

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

#af58f6 border color

This element has a border color of #af58f6.

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

CSS codes

.text {color:#af58f6;}

.background {background-color:#af58f6;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0b0113
```
#0b0113 rgb(11,1,19)
```
#160226
```
#160226 rgb(22,2,38)
```
#200338
```
#200338 rgb(32,3,56)
```
#2b044b
```
#2b044b rgb(43,4,75)
```
#36055e
```
#36055e rgb(54,5,94)
```
#400670
```
#400670 rgb(64,6,112)
```
#4b0783
```
#4b0783 rgb(75,7,131)
```
#560895
```
#560895 rgb(86,8,149)
```
#6109a8
```
#6109a8 rgb(97,9,168)
```
#6b0abb
```
#6b0abb rgb(107,10,187)
```
#760bcd
```
#760bcd rgb(118,11,205)
```
#810ce0
```
#810ce0 rgb(129,12,224)
```

Shade Color Variation

#8b0ef2
```
#8b0ef2 rgb(139,14,242)
```
#9420f3
```
#9420f3 rgb(148,32,243)
```
#9d33f4
```
#9d33f4 rgb(157,51,244)
```
#a645f5
```
#a645f5 rgb(166,69,245)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#b86bf7
```
#b86bf7 rgb(184,107,247)
```
#c17df8
```
#c17df8 rgb(193,125,248)
```
#ca90f9
```
#ca90f9 rgb(202,144,249)
```
#d3a2fa
```
#d3a2fa rgb(211,162,250)
```
#dcb5fb
```
#dcb5fb rgb(220,181,251)
```
#e4c8fc
```
#e4c8fc rgb(228,200,252)
```
#eddafd
```
#eddafd rgb(237,218,253)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#a7a2ac
```
#a7a2ac rgb(167,162,172)
```
#a89cb2
```
#a89cb2 rgb(168,156,178)
```
#a995b9
```
#a995b9 rgb(169,149,185)
```
#aa8ec0
```
#aa8ec0 rgb(170,142,192)
```
#aa87c7
```
#aa87c7 rgb(170,135,199)
```
#ab81cd
```
#ab81cd rgb(171,129,205)
```
#ac7ad4
```
#ac7ad4 rgb(172,122,212)
```
#ac73db
```
#ac73db rgb(172,115,219)
```
#ad6ce2
```
#ad6ce2 rgb(173,108,226)
```
#ae66e8
```
#ae66e8 rgb(174,102,232)
```
#ae5fef
```
#ae5fef rgb(174,95,239)
```
#af58f6
```
#af58f6 rgb(175,88,246)
```
#b051fd
```
#b051fd rgb(176,81,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#208be7 Deuteranopia 1% of men
#9c838c Tritanopia 0.001% of the population

Trichromacy

#5c75fb Protanomaly 1% of men, 0.01% of women
#5478ec Deuteranomaly 6% of men, 0.4% of women
#a373b2 Tritanomaly 0.01% of the population

#af58f6 hex color

#af58f6 Color Information

#af58f6 Color Conversion

Color Schemes with #af58f6

Alternatives to #af58f6

#af58f6 Preview

Shades and Tints of #af58f6

Tones of #af58f6

Color Blindness Simulator