#af56fe hex color

In a RGB color space, hex #af56fe is composed of 68.6% red, 33.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 66.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 271.8 degrees, a saturation of 98.8% and a lightness of 66.7%. #af56fe color hex could be obtained by blending #ffacff with #5f00fd. Closest websafe color is: #9966ff.

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

● #af56fe color description : Soft violet.

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

Hex triplet	af56fe	`#af56fe`
RGB Decimal	175, 86, 254	`rgb(175,86,254)`
RGB Percent	68.6, 33.7, 99.6	`rgb(68.6%,33.7%,99.6%)`
CMYK	31, 66, 0, 0
HSL	271.8°, 98.8, 66.7	`hsl(271.8,98.8%,66.7%)`
HSV (or HSB)	271.8°, 66.1, 99.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.996, 65.191, -69.463
XYZ	38.894, 22.926, 96.137
xyY	0.246, 0.145, 22.926
CIE-LCH	54.996, 95.262, 313.183
CIE-LUV	54.996, 24.272, -115.052
Hunter-Lab	47.881, 61.204, -85.527
Binary	10101111, 01010110, 11111110

#af56fe
```
#af56fe rgb(175,86,254)
```
#a5fe56
```
#a5fe56 rgb(165,254,86)
```

Complementary Color

#5b56fe
```
#5b56fe rgb(91,86,254)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#fe56f9
```
#fe56f9 rgb(254,86,249)
```

Analogous Color

#56fe5b
```
#56fe5b rgb(86,254,91)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#f9fe56
```
#f9fe56 rgb(249,254,86)
```

Split Complementary Color

#56feaf
```
#56feaf rgb(86,254,175)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```

Triadic Color

#56a5fe
```
#56a5fe rgb(86,165,254)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#feaf56
```
#feaf56 rgb(254,175,86)
```
#a5fe56
```
#a5fe56 rgb(165,254,86)
```

Tetradic Color

#8b0afe
```
#8b0afe rgb(139,10,254)
```
#9723fe
```
#9723fe rgb(151,35,254)
```
#a33dfe
```
#a33dfe rgb(163,61,254)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#bb6ffe
```
#bb6ffe rgb(187,111,254)
```
#c789fe
```
#c789fe rgb(199,137,254)
```
#d3a2fe
```
#d3a2fe rgb(211,162,254)
```

Monochromatic Color

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

#8556fe
```
#8556fe rgb(133,86,254)
```
#9356fe
```
#9356fe rgb(147,86,254)
```
#a156fe
```
#a156fe rgb(161,86,254)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#bd56fe
```
#bd56fe rgb(189,86,254)
```
#cb56fe
```
#cb56fe rgb(203,86,254)
```
#d956fe
```
#d956fe rgb(217,86,254)
```

Similar Colors

Text with hexadecimal color #af56fe

This text has a font color of #af56fe.

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

#af56fe background color

This paragraph has a background color of #af56fe.

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

#af56fe border color

This element has a border color of #af56fe.

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

CSS codes

.text {color:#af56fe;}

.background {background-color:#af56fe;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0e001a
```
#0e001a rgb(14,0,26)
```
#18002e
```
#18002e rgb(24,0,46)
```
#230041
```
#230041 rgb(35,0,65)
```
#2d0055
```
#2d0055 rgb(45,0,85)
```
#370168
```
#370168 rgb(55,1,104)
```
#42017c
```
#42017c rgb(66,1,124)
```
#4c018f
```
#4c018f rgb(76,1,143)
```
#5701a3
```
#5701a3 rgb(87,1,163)
```
#6101b6
```
#6101b6 rgb(97,1,182)
```
#6b01ca
```
#6b01ca rgb(107,1,202)
```
#7601dd
```
#7601dd rgb(118,1,221)
```
#8001f1
```
#8001f1 rgb(128,1,241)
```

Shade Color Variation

#8a08fe
```
#8a08fe rgb(138,8,254)
```
#931cfe
```
#931cfe rgb(147,28,254)
```
#9d2ffe
```
#9d2ffe rgb(157,47,254)
```
#a643fe
```
#a643fe rgb(166,67,254)
```
#af56fe
```
#af56fe rgb(175,86,254)
```
#b86afe
```
#b86afe rgb(184,106,254)
```
#c17dfe
```
#c17dfe rgb(193,125,254)
```
#cb91fe
```
#cb91fe rgb(203,145,254)
```
#d4a4fe
```
#d4a4fe rgb(212,164,254)
```
#ddb8ff
```
#ddb8ff rgb(221,184,255)
```
#e6cbff
```
#e6cbff rgb(230,203,255)
```
#f0dfff
```
#f0dfff rgb(240,223,255)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#aaa4b0
```
#aaa4b0 rgb(170,164,176)
```
#ab9eb6
```
#ab9eb6 rgb(171,158,182)
```
#ab97bd
```
#ab97bd rgb(171,151,189)
```
#ab91c3
```
#ab91c3 rgb(171,145,195)
```
#ac8aca
```
#ac8aca rgb(172,138,202)
```
#ac84d0
```
#ac84d0 rgb(172,132,208)
```
#ad7dd7
```
#ad7dd7 rgb(173,125,215)
```
#ad77dd
```
#ad77dd rgb(173,119,221)
```
#ad70e4
```
#ad70e4 rgb(173,112,228)
```
#ae6aea
```
#ae6aea rgb(174,106,234)
```
#ae63f1
```
#ae63f1 rgb(174,99,241)
```
#af5df7
```
#af5df7 rgb(175,93,247)
```
#af56fe
```
#af56fe rgb(175,86,254)
```

Tone Color Variation

Below, you can see how #af56fe 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
#99848d Tritanopia 0.001% of the population

Trichromacy

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

#af56fe hex color

#af56fe Color Information

#af56fe Color Conversion

Color Schemes with #af56fe

Alternatives to #af56fe

#af56fe Preview

Shades and Tints of #af56fe

Tones of #af56fe

Color Blindness Simulator