#af53e3 hex color

In a RGB color space, hex #af53e3 is composed of 68.6% red, 32.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 63.4% magenta, 0% yellow and 11% black. It has a hue angle of 278.3 degrees, a saturation of 72% and a lightness of 60.8%. #af53e3 color hex could be obtained by blending #ffa6ff with #5f00c7. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 33
- B 89
RGB color chart
- C 23
- M 63
- Y 0
- K 11
CMYK color chart

● #af53e3 color description : Soft violet.

The hexadecimal color #af53e3 has RGB values of R:175, G:83, B:227 and CMYK values of C:0.23, M:0.63, Y:0, K:0.11. Its decimal value is 11490275.

Hex triplet	af53e3	`#af53e3`
RGB Decimal	175, 83, 227	`rgb(175,83,227)`
RGB Percent	68.6, 32.5, 89	`rgb(68.6%,32.5%,89%)`
CMYK	23, 63, 0, 11
HSL	278.3°, 72, 60.8	`hsl(278.3,72%,60.8%)`
HSV (or HSB)	278.3°, 63.4, 89
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.782, 60.66, -57.936
XYZ	34.636, 20.847, 74.868
xyY	0.266, 0.16, 20.847
CIE-LCH	52.782, 83.882, 316.315
CIE-LUV	52.782, 30.457, -96.262
Hunter-Lab	45.659, 55.502, -65.258
Binary	10101111, 01010011, 11100011

#af53e3
```
#af53e3 rgb(175,83,227)
```
#87e353
```
#87e353 rgb(135,227,83)
```

Complementary Color

#6753e3
```
#6753e3 rgb(103,83,227)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#e353cf
```
#e353cf rgb(227,83,207)
```

Analogous Color

#53e367
```
#53e367 rgb(83,227,103)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#cfe353
```
#cfe353 rgb(207,227,83)
```

Split Complementary Color

#53e3af
```
#53e3af rgb(83,227,175)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#e3af53
```
#e3af53 rgb(227,175,83)
```

Triadic Color

#5387e3
```
#5387e3 rgb(83,135,227)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#e3af53
```
#e3af53 rgb(227,175,83)
```
#87e353
```
#87e353 rgb(135,227,83)
```

Tetradic Color

#8c21c9
```
#8c21c9 rgb(140,33,201)
```
#9b27dc
```
#9b27dc rgb(155,39,220)
```
#a53ddf
```
#a53ddf rgb(165,61,223)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#b969e7
```
#b969e7 rgb(185,105,231)
```
#c37fea
```
#c37fea rgb(195,127,234)
```
#ce95ee
```
#ce95ee rgb(206,149,238)
```

Monochromatic Color

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

#8b53e3
```
#8b53e3 rgb(139,83,227)
```
#9753e3
```
#9753e3 rgb(151,83,227)
```
#a353e3
```
#a353e3 rgb(163,83,227)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#bb53e3
```
#bb53e3 rgb(187,83,227)
```
#c753e3
```
#c753e3 rgb(199,83,227)
```
#d353e3
```
#d353e3 rgb(211,83,227)
```

Similar Colors

Text with hexadecimal color #af53e3

This text has a font color of #af53e3.

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

#af53e3 background color

This paragraph has a background color of #af53e3.

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

#af53e3 border color

This element has a border color of #af53e3.

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

CSS codes

.text {color:#af53e3;}

.background {background-color:#af53e3;}

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

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

#09020e
```
#09020e rgb(9,2,14)
```
#15051e
```
#15051e rgb(21,5,30)
```
#21082f
```
#21082f rgb(33,8,47)
```
#2d0a40
```
#2d0a40 rgb(45,10,64)
```
#390d51
```
#390d51 rgb(57,13,81)
```
#441062
```
#441062 rgb(68,16,98)
```
#501373
```
#501373 rgb(80,19,115)
```
#5c1584
```
#5c1584 rgb(92,21,132)
```
#681895
```
#681895 rgb(104,24,149)
```
#731ba5
```
#731ba5 rgb(115,27,165)
```
#7f1eb6
```
#7f1eb6 rgb(127,30,182)
```
#8b20c7
```
#8b20c7 rgb(139,32,199)
```
#9723d8
```
#9723d8 rgb(151,35,216)
```

Shade Color Variation

#9f31de
```
#9f31de rgb(159,49,222)
```
#a742e0
```
#a742e0 rgb(167,66,224)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#b764e6
```
#b764e6 rgb(183,100,230)
```
#bf75e8
```
#bf75e8 rgb(191,117,232)
```
#c786eb
```
#c786eb rgb(199,134,235)
```
#ce96ee
```
#ce96ee rgb(206,150,238)
```
#d6a7f1
```
#d6a7f1 rgb(214,167,241)
```
#deb8f3
```
#deb8f3 rgb(222,184,243)
```
#e6c9f6
```
#e6c9f6 rgb(230,201,246)
```
#eedaf9
```
#eedaf9 rgb(238,218,249)
```
#f6ebfc
```
#f6ebfc rgb(246,235,252)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#9c989e
```
#9c989e rgb(156,152,158)
```
#9e91a5
```
#9e91a5 rgb(158,145,165)
```
#a089ad
```
#a089ad rgb(160,137,173)
```
#a281b5
```
#a281b5 rgb(162,129,181)
```
#a479bd
```
#a479bd rgb(164,121,189)
```
#a672c4
```
#a672c4 rgb(166,114,196)
```
#a96acc
```
#a96acc rgb(169,106,204)
```
#ab62d4
```
#ab62d4 rgb(171,98,212)
```
#ad5bdb
```
#ad5bdb rgb(173,91,219)
```
#af53e3
```
#af53e3 rgb(175,83,227)
```
#b14beb
```
#b14beb rgb(177,75,235)
```
#b344f2
```
#b344f2 rgb(179,68,242)
```
#b53cfa
```
#b53cfa rgb(181,60,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#897693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#4185d6 Deuteranopia 1% of men
#a07a83 Tritanopia 0.001% of the population

Trichromacy

#3f6ff3 Protanomaly 1% of men, 0.01% of women
#6973db Deuteranomaly 6% of men, 0.4% of women
#a56ca6 Tritanomaly 0.01% of the population

#af53e3 hex color

#af53e3 Color Information

#af53e3 Color Conversion

Color Schemes with #af53e3

Alternatives to #af53e3

#af53e3 Preview

Shades and Tints of #af53e3

Tones of #af53e3

Color Blindness Simulator