#af50e0 hex color

In a RGB color space, hex #af50e0 is composed of 68.6% red, 31.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 64.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 279.6 degrees, a saturation of 69.9% and a lightness of 59.6%. #af50e0 color hex could be obtained by blending #ffa0ff with #5f00c1. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 31
- B 88
RGB color chart
- C 22
- M 64
- Y 0
- K 12
CMYK color chart

● #af50e0 color description : Soft violet.

The hexadecimal color #af50e0 has RGB values of R:175, G:80, B:224 and CMYK values of C:0.22, M:0.64, Y:0, K:0.12. Its decimal value is 11489504.

Hex triplet	af50e0	`#af50e0`
RGB Decimal	175, 80, 224	`rgb(175,80,224)`
RGB Percent	68.6, 31.4, 87.8	`rgb(68.6%,31.4%,87.8%)`
CMYK	22, 64, 0, 12
HSL	279.6°, 69.9, 59.6	`hsl(279.6,69.9%,59.6%)`
HSV (or HSB)	279.6°, 64.3, 87.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.101, 61.4, -57.335
XYZ	34.001, 20.234, 72.631
xyY	0.268, 0.159, 20.234
CIE-LCH	52.101, 84.008, 316.961
CIE-LUV	52.101, 31.854, -95.132
Hunter-Lab	44.982, 56.203, -64.246
Binary	10101111, 01010000, 11100000

#af50e0
```
#af50e0 rgb(175,80,224)
```
#81e050
```
#81e050 rgb(129,224,80)
```

Complementary Color

#6750e0
```
#6750e0 rgb(103,80,224)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#e050c9
```
#e050c9 rgb(224,80,201)
```

Analogous Color

#50e067
```
#50e067 rgb(80,224,103)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#c9e050
```
#c9e050 rgb(201,224,80)
```

Split Complementary Color

#50e0af
```
#50e0af rgb(80,224,175)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#e0af50
```
#e0af50 rgb(224,175,80)
```

Triadic Color

#5081e0
```
#5081e0 rgb(80,129,224)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#e0af50
```
#e0af50 rgb(224,175,80)
```
#81e050
```
#81e050 rgb(129,224,80)
```

Tetradic Color

#8b22c1
```
#8b22c1 rgb(139,34,193)
```
#9b26d7
```
#9b26d7 rgb(155,38,215)
```
#a53adc
```
#a53adc rgb(165,58,220)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#b966e4
```
#b966e4 rgb(185,102,228)
```
#c37be8
```
#c37be8 rgb(195,123,232)
```
#cd91ec
```
#cd91ec rgb(205,145,236)
```

Monochromatic Color

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

#8b50e0
```
#8b50e0 rgb(139,80,224)
```
#9750e0
```
#9750e0 rgb(151,80,224)
```
#a350e0
```
#a350e0 rgb(163,80,224)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#bb50e0
```
#bb50e0 rgb(187,80,224)
```
#c750e0
```
#c750e0 rgb(199,80,224)
```
#d350e0
```
#d350e0 rgb(211,80,224)
```

Similar Colors

Text with hexadecimal color #af50e0

This text has a font color of #af50e0.

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

#af50e0 background color

This paragraph has a background color of #af50e0.

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

#af50e0 border color

This element has a border color of #af50e0.

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

CSS codes

.text {color:#af50e0;}

.background {background-color:#af50e0;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#120419
```
#120419 rgb(18,4,25)
```
#1e072a
```
#1e072a rgb(30,7,42)
```
#2a0a3a
```
#2a0a3a rgb(42,10,58)
```
#360d4b
```
#360d4b rgb(54,13,75)
```
#42105c
```
#42105c rgb(66,16,92)
```
#4e136c
```
#4e136c rgb(78,19,108)
```
#5a167d
```
#5a167d rgb(90,22,125)
```
#66198e
```
#66198e rgb(102,25,142)
```
#721c9e
```
#721c9e rgb(114,28,158)
```
#7e1faf
```
#7e1faf rgb(126,31,175)
```
#8a22c0
```
#8a22c0 rgb(138,34,192)
```
#9625d0
```
#9625d0 rgb(150,37,208)
```

Shade Color Variation

#a02fda
```
#a02fda rgb(160,47,218)
```
#a73fdd
```
#a73fdd rgb(167,63,221)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#b761e3
```
#b761e3 rgb(183,97,227)
```
#be71e6
```
#be71e6 rgb(190,113,230)
```
#c682e9
```
#c682e9 rgb(198,130,233)
```
#cd93ec
```
#cd93ec rgb(205,147,236)
```
#d5a3ef
```
#d5a3ef rgb(213,163,239)
```
#ddb4f2
```
#ddb4f2 rgb(221,180,242)
```
#e4c5f5
```
#e4c5f5 rgb(228,197,245)
```
#ecd5f8
```
#ecd5f8 rgb(236,213,248)
```
#f4e6fb
```
#f4e6fb rgb(244,230,251)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#989799
```
#989799 rgb(152,151,153)
```
#9b8fa1
```
#9b8fa1 rgb(155,143,161)
```
#9d87a9
```
#9d87a9 rgb(157,135,169)
```
#a080b0
```
#a080b0 rgb(160,128,176)
```
#a278b8
```
#a278b8 rgb(162,120,184)
```
#a570c0
```
#a570c0 rgb(165,112,192)
```
#a768c8
```
#a768c8 rgb(167,104,200)
```
#aa60d0
```
#aa60d0 rgb(170,96,208)
```
#ac58d8
```
#ac58d8 rgb(172,88,216)
```
#af50e0
```
#af50e0 rgb(175,80,224)
```
#b248e8
```
#b248e8 rgb(178,72,232)
```
#b440f0
```
#b440f0 rgb(180,64,240)
```
#b738f8
```
#b738f8 rgb(183,56,248)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef9 Protanopia 1% of men
#4184d3 Deuteranopia 1% of men
#a17880 Tritanopia 0.001% of the population

Trichromacy

#3f6def Protanomaly 1% of men, 0.01% of women
#6971d8 Deuteranomaly 6% of men, 0.4% of women
#a669a3 Tritanomaly 0.01% of the population

#af50e0 hex color

#af50e0 Color Information

#af50e0 Color Conversion

Color Schemes with #af50e0

Alternatives to #af50e0

#af50e0 Preview

Shades and Tints of #af50e0

Tones of #af50e0

Color Blindness Simulator