#af53df hex color

In a RGB color space, hex #af53df is composed of 68.6% red, 32.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 62.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 279.4 degrees, a saturation of 68.6% and a lightness of 60%. #af53df color hex could be obtained by blending #ffa6ff with #5f00bf. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 33
- B 87
RGB color chart
- C 22
- M 63
- Y 0
- K 13
CMYK color chart

● #af53df color description : Soft violet.

The hexadecimal color #af53df has RGB values of R:175, G:83, B:223 and CMYK values of C:0.22, M:0.63, Y:0, K:0.13. Its decimal value is 11490271.

Hex triplet	af53df	`#af53df`
RGB Decimal	175, 83, 223	`rgb(175,83,223)`
RGB Percent	68.6, 32.5, 87.5	`rgb(68.6%,32.5%,87.5%)`
CMYK	22, 63, 0, 13
HSL	279.4°, 68.6, 60	`hsl(279.4,68.6%,60%)`
HSV (or HSB)	279.4°, 62.8, 87.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.541, 59.812, -56.063
XYZ	34.09, 20.629, 71.994
xyY	0.269, 0.163, 20.629
CIE-LCH	52.541, 81.979, 316.853
CIE-LUV	52.541, 31.333, -93.238
Hunter-Lab	45.419, 54.491, -62.187
Binary	10101111, 01010011, 11011111

#af53df
```
#af53df rgb(175,83,223)
```
#83df53
```
#83df53 rgb(131,223,83)
```

Complementary Color

#6953df
```
#6953df rgb(105,83,223)
```
#af53df
```
#af53df rgb(175,83,223)
```
#df53c9
```
#df53c9 rgb(223,83,201)
```

Analogous Color

#53df69
```
#53df69 rgb(83,223,105)
```
#af53df
```
#af53df rgb(175,83,223)
```
#c9df53
```
#c9df53 rgb(201,223,83)
```

Split Complementary Color

#53dfaf
```
#53dfaf rgb(83,223,175)
```
#af53df
```
#af53df rgb(175,83,223)
```
#dfaf53
```
#dfaf53 rgb(223,175,83)
```

Triadic Color

#5383df
```
#5383df rgb(83,131,223)
```
#af53df
```
#af53df rgb(175,83,223)
```
#dfaf53
```
#dfaf53 rgb(223,175,83)
```
#83df53
```
#83df53 rgb(131,223,83)
```

Tetradic Color

#8c24c2
```
#8c24c2 rgb(140,36,194)
```
#9b28d7
```
#9b28d7 rgb(155,40,215)
```
#a53edb
```
#a53edb rgb(165,62,219)
```
#af53df
```
#af53df rgb(175,83,223)
```
#b969e3
```
#b969e3 rgb(185,105,227)
```
#c37ee7
```
#c37ee7 rgb(195,126,231)
```
#cd94eb
```
#cd94eb rgb(205,148,235)
```

Monochromatic Color

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

#8c53df
```
#8c53df rgb(140,83,223)
```
#9853df
```
#9853df rgb(152,83,223)
```
#a353df
```
#a353df rgb(163,83,223)
```
#af53df
```
#af53df rgb(175,83,223)
```
#bb53df
```
#bb53df rgb(187,83,223)
```
#c653df
```
#c653df rgb(198,83,223)
```
#d253df
```
#d253df rgb(210,83,223)
```

Similar Colors

Text with hexadecimal color #af53df

This text has a font color of #af53df.

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

#af53df background color

This paragraph has a background color of #af53df.

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

#af53df border color

This element has a border color of #af53df.

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

CSS codes

.text {color:#af53df;}

.background {background-color:#af53df;}

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

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, #07020a is the darkest color, while #fcf8fe is the lightest one.

#07020a
```
#07020a rgb(7,2,10)
```
#13051a
```
#13051a rgb(19,5,26)
```
#1f082b
```
#1f082b rgb(31,8,43)
```
#2b0b3c
```
#2b0b3c rgb(43,11,60)
```
#370e4c
```
#370e4c rgb(55,14,76)
```
#43115d
```
#43115d rgb(67,17,93)
```
#4f146d
```
#4f146d rgb(79,20,109)
```
#5b177e
```
#5b177e rgb(91,23,126)
```
#671a8e
```
#671a8e rgb(103,26,142)
```
#721e9f
```
#721e9f rgb(114,30,159)
```
#7e21af
```
#7e21af rgb(126,33,175)
```
#8a24c0
```
#8a24c0 rgb(138,36,192)
```
#9627d0
```
#9627d0 rgb(150,39,208)
```

Shade Color Variation

#a032d9
```
#a032d9 rgb(160,50,217)
```
#a742dc
```
#a742dc rgb(167,66,220)
```
#af53df
```
#af53df rgb(175,83,223)
```
#b764e2
```
#b764e2 rgb(183,100,226)
```
#be74e5
```
#be74e5 rgb(190,116,229)
```
#c685e8
```
#c685e8 rgb(198,133,232)
```
#ce95eb
```
#ce95eb rgb(206,149,235)
```
#d5a6ee
```
#d5a6ee rgb(213,166,238)
```
#ddb6f1
```
#ddb6f1 rgb(221,182,241)
```
#e5c7f5
```
#e5c7f5 rgb(229,199,245)
```
#edd7f8
```
#edd7f8 rgb(237,215,248)
```
#f4e8fb
```
#f4e8fb rgb(244,232,251)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

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

#9b92a0
```
#9b92a0 rgb(155,146,160)
```
#9e8aa8
```
#9e8aa8 rgb(158,138,168)
```
#a082b0
```
#a082b0 rgb(160,130,176)
```
#a37ab8
```
#a37ab8 rgb(163,122,184)
```
#a572c0
```
#a572c0 rgb(165,114,192)
```
#a86bc7
```
#a86bc7 rgb(168,107,199)
```
#aa63cf
```
#aa63cf rgb(170,99,207)
```
#ad5bd7
```
#ad5bd7 rgb(173,91,215)
```
#af53df
```
#af53df rgb(175,83,223)
```
#b14be7
```
#b14be7 rgb(177,75,231)
```
#b443ef
```
#b443ef rgb(180,67,239)
```
#b63bf7
```
#b63bf7 rgb(182,59,247)
```
#b934fe
```
#b934fe rgb(185,52,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffb Protanopia 1% of men
#4785d3 Deuteranopia 1% of men
#a17982 Tritanopia 0.001% of the population

Trichromacy

#3f6ff0 Protanomaly 1% of men, 0.01% of women
#6d72d7 Deuteranomaly 6% of men, 0.4% of women
#a66ba3 Tritanomaly 0.01% of the population

#af53df hex color

#af53df Color Information

#af53df Color Conversion

Color Schemes with #af53df

Alternatives to #af53df

#af53df Preview

Shades and Tints of #af53df

Tones of #af53df

Color Blindness Simulator