#af3bd5 hex color

In a RGB color space, hex #af3bd5 is composed of 68.6% red, 23.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 72.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 285.2 degrees, a saturation of 64.7% and a lightness of 53.3%. #af3bd5 color hex could be obtained by blending #ff76ff with #5f00ab. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 23
- B 84
RGB color chart
- C 18
- M 72
- Y 0
- K 16
CMYK color chart

● #af3bd5 color description : Moderate magenta.

The hexadecimal color #af3bd5 has RGB values of R:175, G:59, B:213 and CMYK values of C:0.18, M:0.72, Y:0, K:0.16. Its decimal value is 11484117.

Hex triplet	af3bd5	`#af3bd5`
RGB Decimal	175, 59, 213	`rgb(175,59,213)`
RGB Percent	68.6, 23.1, 83.5	`rgb(68.6%,23.1%,83.5%)`
CMYK	18, 72, 0, 16
HSL	285.2°, 64.7, 53.3	`hsl(285.2,64.7%,53.3%)`
HSV (or HSB)	285.2°, 72.3, 83.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.32, 67.864, -57.153
XYZ	31.252, 17.047, 64.591
xyY	0.277, 0.151, 17.047
CIE-LCH	48.32, 88.724, 319.897
CIE-LUV	48.32, 39.068, -93.714
Hunter-Lab	41.288, 62.856, -63.851
Binary	10101111, 00111011, 11010101

#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#61d53b
```
#61d53b rgb(97,213,59)
```

Complementary Color

#623bd5
```
#623bd5 rgb(98,59,213)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#d53bae
```
#d53bae rgb(213,59,174)
```

Analogous Color

#3bd562
```
#3bd562 rgb(59,213,98)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#aed53b
```
#aed53b rgb(174,213,59)
```

Split Complementary Color

#3bd5af
```
#3bd5af rgb(59,213,175)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#d5af3b
```
#d5af3b rgb(213,175,59)
```

Triadic Color

#3b61d5
```
#3b61d5 rgb(59,97,213)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#d5af3b
```
#d5af3b rgb(213,175,59)
```
#61d53b
```
#61d53b rgb(97,213,59)
```

Tetradic Color

#8223a1
```
#8223a1 rgb(130,35,161)
```
#9327b6
```
#9327b6 rgb(147,39,182)
```
#a42ccb
```
#a42ccb rgb(164,44,203)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#b850da
```
#b850da rgb(184,80,218)
```
#c065de
```
#c065de rgb(192,101,222)
```
#c97ae3
```
#c97ae3 rgb(201,122,227)
```

Monochromatic Color

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

#893bd5
```
#893bd5 rgb(137,59,213)
```
#953bd5
```
#953bd5 rgb(149,59,213)
```
#a23bd5
```
#a23bd5 rgb(162,59,213)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#bc3bd5
```
#bc3bd5 rgb(188,59,213)
```
#c93bd5
```
#c93bd5 rgb(201,59,213)
```
#d53bd5
```
#d53bd5 rgb(213,59,213)
```

Similar Colors

Text with hexadecimal color #af3bd5

This text has a font color of #af3bd5.

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

#af3bd5 background color

This paragraph has a background color of #af3bd5.

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

#af3bd5 border color

This element has a border color of #af3bd5.

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

CSS codes

.text {color:#af3bd5;}

.background {background-color:#af3bd5;}

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

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, #0b030e is the darkest color, while #fefdff is the lightest one.

#0b030e
```
#0b030e rgb(11,3,14)
```
#18061e
```
#18061e rgb(24,6,30)
```
#250a2e
```
#250a2e rgb(37,10,46)
```
#320d3e
```
#320d3e rgb(50,13,62)
```
#3f114f
```
#3f114f rgb(63,17,79)
```
#4c145f
```
#4c145f rgb(76,20,95)
```
#59186f
```
#59186f rgb(89,24,111)
```
#661b7f
```
#661b7f rgb(102,27,127)
```
#731f8f
```
#731f8f rgb(115,31,143)
```
#80229f
```
#80229f rgb(128,34,159)
```
#8e26b0
```
#8e26b0 rgb(142,38,176)
```
#9b29c0
```
#9b29c0 rgb(155,41,192)
```
#a82dd0
```
#a82dd0 rgb(168,45,208)
```

Shade Color Variation

#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#b64bd8
```
#b64bd8 rgb(182,75,216)
```
#bc5bdc
```
#bc5bdc rgb(188,91,220)
```
#c36bdf
```
#c36bdf rgb(195,107,223)
```
#c97ce3
```
#c97ce3 rgb(201,124,227)
```
#d08ce6
```
#d08ce6 rgb(208,140,230)
```
#d79cea
```
#d79cea rgb(215,156,234)
```
#ddaced
```
#ddaced rgb(221,172,237)
```
#e4bcf1
```
#e4bcf1 rgb(228,188,241)
```
#eaccf4
```
#eaccf4 rgb(234,204,244)
```
#f1ddf8
```
#f1ddf8 rgb(241,221,248)
```
#f8edfb
```
#f8edfb rgb(248,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8a848c
```
#8a848c rgb(138,132,140)
```
#8f7b95
```
#8f7b95 rgb(143,123,149)
```
#93729e
```
#93729e rgb(147,114,158)
```
#9869a7
```
#9869a7 rgb(152,105,167)
```
#9c60b0
```
#9c60b0 rgb(156,96,176)
```
#a156ba
```
#a156ba rgb(161,86,186)
```
#a64dc3
```
#a64dc3 rgb(166,77,195)
```
#aa44cc
```
#aa44cc rgb(170,68,204)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#b432de
```
#b432de rgb(180,50,222)
```
#b829e7
```
#b829e7 rgb(184,41,231)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#c216fa
```
#c216fa rgb(194,22,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#377bc7 Deuteranopia 1% of men
#a26a71 Tritanopia 0.001% of the population

Trichromacy

#3f60e0 Protanomaly 1% of men, 0.01% of women
#6363cc Deuteranomaly 6% of men, 0.4% of women
#a65995 Tritanomaly 0.01% of the population

#af3bd5 hex color

#af3bd5 Color Information

#af3bd5 Color Conversion

Color Schemes with #af3bd5

Alternatives to #af3bd5

#af3bd5 Preview

Shades and Tints of #af3bd5

Tones of #af3bd5

Color Blindness Simulator