#af21dd hex color

In a RGB color space, hex #af21dd is composed of 68.6% red, 12.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 85.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 285.3 degrees, a saturation of 74% and a lightness of 49.8%. #af21dd color hex could be obtained by blending #ff42ff with #5f00bb. Closest websafe color is: #9933cc.

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

● #af21dd color description : Vivid magenta.

The hexadecimal color #af21dd has RGB values of R:175, G:33, B:221 and CMYK values of C:0.21, M:0.85, Y:0, K:0.13. Its decimal value is 11477469.

Hex triplet	af21dd	`#af21dd`
RGB Decimal	175, 33, 221	`rgb(175,33,221)`
RGB Percent	68.6, 12.9, 86.7	`rgb(68.6%,12.9%,86.7%)`
CMYK	21, 85, 0, 13
HSL	285.3°, 74, 49.8	`hsl(285.3,74%,49.8%)`
HSV (or HSB)	285.3°, 85.1, 86.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.209, 77.038, -65.137
XYZ	31.273, 15.423, 69.732
xyY	0.269, 0.132, 15.423
CIE-LCH	46.209, 100.885, 319.785
CIE-LUV	46.209, 40.418, -104.605
Hunter-Lab	39.273, 73.411, -77.784
Binary	10101111, 00100001, 11011101

#af21dd
```
#af21dd rgb(175,33,221)
```
#4fdd21
```
#4fdd21 rgb(79,221,33)
```

Complementary Color

#5121dd
```
#5121dd rgb(81,33,221)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#dd21ad
```
#dd21ad rgb(221,33,173)
```

Analogous Color

#21dd51
```
#21dd51 rgb(33,221,81)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#addd21
```
#addd21 rgb(173,221,33)
```

Split Complementary Color

#21ddaf
```
#21ddaf rgb(33,221,175)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#ddaf21
```
#ddaf21 rgb(221,175,33)
```

Triadic Color

#214fdd
```
#214fdd rgb(33,79,221)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#ddaf21
```
#ddaf21 rgb(221,175,33)
```
#4fdd21
```
#4fdd21 rgb(79,221,33)
```

Tetradic Color

#7a179a
```
#7a179a rgb(122,23,154)
```
#8c1ab1
```
#8c1ab1 rgb(140,26,177)
```
#9d1ec7
```
#9d1ec7 rgb(157,30,199)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#b736e1
```
#b736e1 rgb(183,54,225)
```
#bf4de4
```
#bf4de4 rgb(191,77,228)
```
#c763e8
```
#c763e8 rgb(199,99,232)
```

Monochromatic Color

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

#8021dd
```
#8021dd rgb(128,33,221)
```
#9021dd
```
#9021dd rgb(144,33,221)
```
#9f21dd
```
#9f21dd rgb(159,33,221)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#bf21dd
```
#bf21dd rgb(191,33,221)
```
#ce21dd
```
#ce21dd rgb(206,33,221)
```
#dd21dc
```
#dd21dc rgb(221,33,220)
```

Similar Colors

Text with hexadecimal color #af21dd

This text has a font color of #af21dd.

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

#af21dd background color

This paragraph has a background color of #af21dd.

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

#af21dd border color

This element has a border color of #af21dd.

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

CSS codes

.text {color:#af21dd;}

.background {background-color:#af21dd;}

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

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

#0d0210
```
#0d0210 rgb(13,2,16)
```
#1a0521
```
#1a0521 rgb(26,5,33)
```
#280832
```
#280832 rgb(40,8,50)
```
#350a43
```
#350a43 rgb(53,10,67)
```
#430d54
```
#430d54 rgb(67,13,84)
```
#500f66
```
#500f66 rgb(80,15,102)
```
#5e1277
```
#5e1277 rgb(94,18,119)
```
#6b1488
```
#6b1488 rgb(107,20,136)
```
#791799
```
#791799 rgb(121,23,153)
```
#8619aa
```
#8619aa rgb(134,25,170)
```
#941cbb
```
#941cbb rgb(148,28,187)
```
#a11ecc
```
#a11ecc rgb(161,30,204)
```
#af21dd
```
#af21dd rgb(175,33,221)
```

Shade Color Variation

#b531e0
```
#b531e0 rgb(181,49,224)
```
#bc42e3
```
#bc42e3 rgb(188,66,227)
```
#c253e5
```
#c253e5 rgb(194,83,229)
```
#c865e8
```
#c865e8 rgb(200,101,232)
```
#ce76ea
```
#ce76ea rgb(206,118,234)
```
#d487ed
```
#d487ed rgb(212,135,237)
```
#da98f0
```
#da98f0 rgb(218,152,240)
```
#e0a9f2
```
#e0a9f2 rgb(224,169,242)
```
#e6baf5
```
#e6baf5 rgb(230,186,245)
```
#eccbf7
```
#eccbf7 rgb(236,203,247)
```
#f2dcfa
```
#f2dcfa rgb(242,220,250)
```
#f9edfc
```
#f9edfc rgb(249,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#827985
```
#827985 rgb(130,121,133)
```
#876f8f
```
#876f8f rgb(135,111,143)
```
#8c6599
```
#8c6599 rgb(140,101,153)
```
#915ca2
```
#915ca2 rgb(145,92,162)
```
#9652ac
```
#9652ac rgb(150,82,172)
```
#9b48b6
```
#9b48b6 rgb(155,72,182)
```
#a03ec0
```
#a03ec0 rgb(160,62,192)
```
#a535c9
```
#a535c9 rgb(165,53,201)
```
#aa2bd3
```
#aa2bd3 rgb(170,43,211)
```
#af21dd
```
#af21dd rgb(175,33,221)
```
#b417e7
```
#b417e7 rgb(180,23,231)
```
#b90df1
```
#b90df1 rgb(185,13,241)
```
#be04fa
```
#be04fa rgb(190,4,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71547a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#9f646b Tritanopia 0.001% of the population

Trichromacy

#3f54dd Protanomaly 1% of men, 0.01% of women
#3f57ce Deuteranomaly 6% of men, 0.4% of women
#a54b94 Tritanomaly 0.01% of the population

#af21dd hex color

#af21dd Color Information

#af21dd Color Conversion

Color Schemes with #af21dd

Alternatives to #af21dd

#af21dd Preview

Shades and Tints of #af21dd

Tones of #af21dd

Color Blindness Simulator