#af56fd hex color

In a RGB color space, hex #af56fd is composed of 68.6% red, 33.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 66% magenta, 0% yellow and 0.8% black. It has a hue angle of 272 degrees, a saturation of 97.7% and a lightness of 66.5%. #af56fd color hex could be obtained by blending #ffacff with #5f00fb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 34
- B 99
RGB color chart
- C 31
- M 66
- Y 0
- K 1
CMYK color chart

● #af56fd color description : Soft violet.

The hexadecimal color #af56fd has RGB values of R:175, G:86, B:253 and CMYK values of C:0.31, M:0.66, Y:0, K:0.01. Its decimal value is 11491069.

Hex triplet	af56fd	`#af56fd`
RGB Decimal	175, 86, 253	`rgb(175,86,253)`
RGB Percent	68.6, 33.7, 99.2	`rgb(68.6%,33.7%,99.2%)`
CMYK	31, 66, 0, 1
HSL	272°, 97.7, 66.5	`hsl(272,97.7%,66.5%)`
HSV (or HSB)	272°, 66, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.93, 64.966, -69.015
XYZ	38.734, 22.862, 95.295
xyY	0.247, 0.146, 22.862
CIE-LCH	54.93, 94.783, 313.269
CIE-LUV	54.93, 24.462, -114.331
Hunter-Lab	47.814, 60.927, -84.697
Binary	10101111, 01010110, 11111101

#af56fd
```
#af56fd rgb(175,86,253)
```
#a4fd56
```
#a4fd56 rgb(164,253,86)
```

Complementary Color

#5c56fd
```
#5c56fd rgb(92,86,253)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#fd56f8
```
#fd56f8 rgb(253,86,248)
```

Analogous Color

#56fd5c
```
#56fd5c rgb(86,253,92)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#f8fd56
```
#f8fd56 rgb(248,253,86)
```

Split Complementary Color

#56fdaf
```
#56fdaf rgb(86,253,175)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#fdaf56
```
#fdaf56 rgb(253,175,86)
```

Triadic Color

#56a4fd
```
#56a4fd rgb(86,164,253)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#fdaf56
```
#fdaf56 rgb(253,175,86)
```
#a4fd56
```
#a4fd56 rgb(164,253,86)
```

Tetradic Color

#8b0afc
```
#8b0afc rgb(139,10,252)
```
#9724fc
```
#9724fc rgb(151,36,252)
```
#a33dfd
```
#a33dfd rgb(163,61,253)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#bb6ffd
```
#bb6ffd rgb(187,111,253)
```
#c788fe
```
#c788fe rgb(199,136,254)
```
#d3a2fe
```
#d3a2fe rgb(211,162,254)
```

Monochromatic Color

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

#8556fd
```
#8556fd rgb(133,86,253)
```
#9356fd
```
#9356fd rgb(147,86,253)
```
#a156fd
```
#a156fd rgb(161,86,253)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#bd56fd
```
#bd56fd rgb(189,86,253)
```
#cb56fd
```
#cb56fd rgb(203,86,253)
```
#d956fd
```
#d956fd rgb(217,86,253)
```

Similar Colors

Text with hexadecimal color #af56fd

This text has a font color of #af56fd.

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

#af56fd background color

This paragraph has a background color of #af56fd.

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

#af56fd border color

This element has a border color of #af56fd.

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

CSS codes

.text {color:#af56fd;}

.background {background-color:#af56fd;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0d0019
```
#0d0019 rgb(13,0,25)
```
#18012c
```
#18012c rgb(24,1,44)
```
#220140
```
#220140 rgb(34,1,64)
```
#2d0153
```
#2d0153 rgb(45,1,83)
```
#370166
```
#370166 rgb(55,1,102)
```
#42017a
```
#42017a rgb(66,1,122)
```
#4c028d
```
#4c028d rgb(76,2,141)
```
#5602a1
```
#5602a1 rgb(86,2,161)
```
#6102b4
```
#6102b4 rgb(97,2,180)
```
#6b02c7
```
#6b02c7 rgb(107,2,199)
```
#7603db
```
#7603db rgb(118,3,219)
```
#8003ee
```
#8003ee rgb(128,3,238)
```

Shade Color Variation

#8a08fc
```
#8a08fc rgb(138,8,252)
```
#931cfc
```
#931cfc rgb(147,28,252)
```
#9d2ffd
```
#9d2ffd rgb(157,47,253)
```
#a643fd
```
#a643fd rgb(166,67,253)
```
#af56fd
```
#af56fd rgb(175,86,253)
```
#b869fd
```
#b869fd rgb(184,105,253)
```
#c17dfd
```
#c17dfd rgb(193,125,253)
```
#cb90fe
```
#cb90fe rgb(203,144,254)
```
#d4a4fe
```
#d4a4fe rgb(212,164,254)
```
#ddb7fe
```
#ddb7fe rgb(221,183,254)
```
#e6cafe
```
#e6cafe rgb(230,202,254)
```
#efdeff
```
#efdeff rgb(239,222,255)
```
#f8f1ff
```
#f8f1ff rgb(248,241,255)
```

Tint Color Variation

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

#aaa5ae
```
#aaa5ae rgb(170,165,174)
```
#aa9eb5
```
#aa9eb5 rgb(170,158,181)
```
#ab98bb
```
#ab98bb rgb(171,152,187)
```
#ab91c2
```
#ab91c2 rgb(171,145,194)
```
#ac8bc8
```
#ac8bc8 rgb(172,139,200)
```
#ac84cf
```
#ac84cf rgb(172,132,207)
```
#ac7dd6
```
#ac7dd6 rgb(172,125,214)
```
#ad77dc
```
#ad77dc rgb(173,119,220)
```
#ad70e3
```
#ad70e3 rgb(173,112,227)
```
#ae6ae9
```
#ae6ae9 rgb(174,106,233)
```
#ae63f0
```
#ae63f0 rgb(174,99,240)
```
#af5df6
```
#af5df6 rgb(175,93,246)
```
#af56fd
```
#af56fd rgb(175,86,253)
```

Tone Color Variation

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

Dichromacy

#2f86ff Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#9a848d Tritanopia 0.001% of the population

Trichromacy

#5d74fe Protanomaly 1% of men, 0.01% of women
#3f78f0 Deuteranomaly 6% of men, 0.4% of women
#a173b5 Tritanomaly 0.01% of the population

#af56fd hex color

#af56fd Color Information

#af56fd Color Conversion

Color Schemes with #af56fd

Alternatives to #af56fd

#af56fd Preview

Shades and Tints of #af56fd

Tones of #af56fd

Color Blindness Simulator