#af21c2 hex color

In a RGB color space, hex #af21c2 is composed of 68.6% red, 12.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 83% magenta, 0% yellow and 23.9% black. It has a hue angle of 292.9 degrees, a saturation of 70.9% and a lightness of 44.5%. #af21c2 color hex could be obtained by blending #ff42ff with #5f0085. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 76
RGB color chart
- C 10
- M 83
- Y 0
- K 24
CMYK color chart

● #af21c2 color description : Strong magenta.

The hexadecimal color #af21c2 has RGB values of R:175, G:33, B:194 and CMYK values of C:0.1, M:0.83, Y:0, K:0.24. Its decimal value is 11477442.

Hex triplet	af21c2	`#af21c2`
RGB Decimal	175, 33, 194	`rgb(175,33,194)`
RGB Percent	68.6, 12.9, 76.1	`rgb(68.6%,12.9%,76.1%)`
CMYK	10, 83, 0, 24
HSL	292.9°, 70.9, 44.5	`hsl(292.9,70.9%,44.5%)`
HSV (or HSB)	292.9°, 83, 76.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.374, 72.302, -52.523
XYZ	27.96, 14.098, 52.285
xyY	0.296, 0.149, 14.098
CIE-LCH	44.374, 89.366, 324.004
CIE-LUV	44.374, 48.673, -85.463
Hunter-Lab	37.548, 67.211, -56.277
Binary	10101111, 00100001, 11000010

#af21c2
```
#af21c2 rgb(175,33,194)
```
#34c221
```
#34c221 rgb(52,194,33)
```

Complementary Color

#5f21c2
```
#5f21c2 rgb(95,33,194)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#c22185
```
#c22185 rgb(194,33,133)
```

Analogous Color

#21c25f
```
#21c25f rgb(33,194,95)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#85c221
```
#85c221 rgb(133,194,33)
```

Split Complementary Color

#21c2af
```
#21c2af rgb(33,194,175)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```

Triadic Color

#2134c2
```
#2134c2 rgb(33,52,194)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#c2af21
```
#c2af21 rgb(194,175,33)
```
#34c221
```
#34c221 rgb(52,194,33)
```

Tetradic Color

#741681
```
#741681 rgb(116,22,129)
```
#881a96
```
#881a96 rgb(136,26,150)
```
#9b1dac
```
#9b1dac rgb(155,29,172)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#c325d8
```
#c325d8 rgb(195,37,216)
```
#ca39dd
```
#ca39dd rgb(202,57,221)
```
#d04fe1
```
#d04fe1 rgb(208,79,225)
```

Monochromatic Color

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

#8721c2
```
#8721c2 rgb(135,33,194)
```
#9421c2
```
#9421c2 rgb(148,33,194)
```
#a221c2
```
#a221c2 rgb(162,33,194)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#bc21c2
```
#bc21c2 rgb(188,33,194)
```
#c221ba
```
#c221ba rgb(194,33,186)
```
#c221ad
```
#c221ad rgb(194,33,173)
```

Similar Colors

Text with hexadecimal color #af21c2

This text has a font color of #af21c2.

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

#af21c2 background color

This paragraph has a background color of #af21c2.

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

#af21c2 border color

This element has a border color of #af21c2.

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

CSS codes

.text {color:#af21c2;}

.background {background-color:#af21c2;}

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

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

#09020a
```
#09020a rgb(9,2,10)
```
#18041a
```
#18041a rgb(24,4,26)
```
#27072b
```
#27072b rgb(39,7,43)
```
#360a3c
```
#360a3c rgb(54,10,60)
```
#450d4d
```
#450d4d rgb(69,13,77)
```
#54105d
```
#54105d rgb(84,16,93)
```
#63136e
```
#63136e rgb(99,19,110)
```
#73167f
```
#73167f rgb(115,22,127)
```
#821890
```
#821890 rgb(130,24,144)
```
#911ba0
```
#911ba0 rgb(145,27,160)
```
#a01eb1
```
#a01eb1 rgb(160,30,177)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#be24d3
```
#be24d3 rgb(190,36,211)
```

Shade Color Variation

#c72fdc
```
#c72fdc rgb(199,47,220)
```
#cc3fde
```
#cc3fde rgb(204,63,222)
```
#d050e1
```
#d050e1 rgb(208,80,225)
```
#d561e4
```
#d561e4 rgb(213,97,228)
```
#d972e7
```
#d972e7 rgb(217,114,231)
```
#de82ea
```
#de82ea rgb(222,130,234)
```
#e293ed
```
#e293ed rgb(226,147,237)
```
#e7a4f0
```
#e7a4f0 rgb(231,164,240)
```
#ebb5f2
```
#ebb5f2 rgb(235,181,242)
```
#f0c6f5
```
#f0c6f5 rgb(240,198,245)
```
#f4d6f8
```
#f4d6f8 rgb(244,214,248)
```
#f9e7fb
```
#f9e7fb rgb(249,231,251)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#737073
```
#737073 rgb(115,112,115)
```
#7a677c
```
#7a677c rgb(122,103,124)
```
#805e85
```
#805e85 rgb(128,94,133)
```
#87558e
```
#87558e rgb(135,85,142)
```
#8e4d96
```
#8e4d96 rgb(142,77,150)
```
#94449f
```
#94449f rgb(148,68,159)
```
#9b3ba8
```
#9b3ba8 rgb(155,59,168)
```
#a232b1
```
#a232b1 rgb(162,50,177)
```
#a82ab9
```
#a82ab9 rgb(168,42,185)
```
#af21c2
```
#af21c2 rgb(175,33,194)
```
#b618cb
```
#b618cb rgb(182,24,203)
```
#bc10d3
```
#bc10d3 rgb(188,16,211)
```
#c307dc
```
#c307dc rgb(195,7,220)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e5272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#3d71b4 Deuteranopia 1% of men
#a45a60 Tritanopia 0.001% of the population

Trichromacy

#3f51ce Protanomaly 1% of men, 0.01% of women
#6654b9 Deuteranomaly 6% of men, 0.4% of women
#a84583 Tritanomaly 0.01% of the population

#af21c2 hex color

#af21c2 Color Information

#af21c2 Color Conversion

Color Schemes with #af21c2

Alternatives to #af21c2

#af21c2 Preview

Shades and Tints of #af21c2

Tones of #af21c2

Color Blindness Simulator