#af21c5 hex color

In a RGB color space, hex #af21c5 is composed of 68.6% red, 12.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 83.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 292 degrees, a saturation of 71.3% and a lightness of 45.1%. #af21c5 color hex could be obtained by blending #ff42ff with #5f008b. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 77
RGB color chart
- C 11
- M 83
- Y 0
- K 23
CMYK color chart

● #af21c5 color description : Strong magenta.

The hexadecimal color #af21c5 has RGB values of R:175, G:33, B:197 and CMYK values of C:0.11, M:0.83, Y:0, K:0.23. Its decimal value is 11477445.

Hex triplet	af21c5	`#af21c5`
RGB Decimal	175, 33, 197	`rgb(175,33,197)`
RGB Percent	68.6, 12.9, 77.3	`rgb(68.6%,12.9%,77.3%)`
CMYK	11, 83, 0, 23
HSL	292°, 71.3, 45.1	`hsl(292,71.3%,45.1%)`
HSV (or HSB)	292°, 83.2, 77.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.567, 72.811, -53.959
XYZ	28.3, 14.234, 54.077
xyY	0.293, 0.147, 14.234
CIE-LCH	44.567, 90.626, 323.459
CIE-LUV	44.567, 47.697, -87.642
Hunter-Lab	37.729, 67.867, -58.572
Binary	10101111, 00100001, 11000101

#af21c5
```
#af21c5 rgb(175,33,197)
```
#37c521
```
#37c521 rgb(55,197,33)
```

Complementary Color

#5d21c5
```
#5d21c5 rgb(93,33,197)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#c52189
```
#c52189 rgb(197,33,137)
```

Analogous Color

#21c55d
```
#21c55d rgb(33,197,93)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#89c521
```
#89c521 rgb(137,197,33)
```

Split Complementary Color

#21c5af
```
#21c5af rgb(33,197,175)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#c5af21
```
#c5af21 rgb(197,175,33)
```

Triadic Color

#2137c5
```
#2137c5 rgb(33,55,197)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#c5af21
```
#c5af21 rgb(197,175,33)
```
#37c521
```
#37c521 rgb(55,197,33)
```

Tetradic Color

#751683
```
#751683 rgb(117,22,131)
```
#881a99
```
#881a99 rgb(136,26,153)
```
#9c1daf
```
#9c1daf rgb(156,29,175)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#c225da
```
#c225da rgb(194,37,218)
```
#c83bde
```
#c83bde rgb(200,59,222)
```
#ce51e2
```
#ce51e2 rgb(206,81,226)
```

Monochromatic Color

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

#8621c5
```
#8621c5 rgb(134,33,197)
```
#9421c5
```
#9421c5 rgb(148,33,197)
```
#a121c5
```
#a121c5 rgb(161,33,197)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#bd21c5
```
#bd21c5 rgb(189,33,197)
```
#c521c0
```
#c521c0 rgb(197,33,192)
```
#c521b2
```
#c521b2 rgb(197,33,178)
```

Similar Colors

Text with hexadecimal color #af21c5

This text has a font color of #af21c5.

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

#af21c5 background color

This paragraph has a background color of #af21c5.

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

#af21c5 border color

This element has a border color of #af21c5.

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

CSS codes

.text {color:#af21c5;}

.background {background-color:#af21c5;}

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

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

#0b020c
```
#0b020c rgb(11,2,12)
```
#1a051d
```
#1a051d rgb(26,5,29)
```
#29082e
```
#29082e rgb(41,8,46)
```
#380a3f
```
#380a3f rgb(56,10,63)
```
#470d4f
```
#470d4f rgb(71,13,79)
```
#551060
```
#551060 rgb(85,16,96)
```
#641371
```
#641371 rgb(100,19,113)
```
#731682
```
#731682 rgb(115,22,130)
```
#821993
```
#821993 rgb(130,25,147)
```
#911ba3
```
#911ba3 rgb(145,27,163)
```
#a01eb4
```
#a01eb4 rgb(160,30,180)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#be24d6
```
#be24d6 rgb(190,36,214)
```

Shade Color Variation

#c531dc
```
#c531dc rgb(197,49,220)
```
#ca42df
```
#ca42df rgb(202,66,223)
```
#cf52e2
```
#cf52e2 rgb(207,82,226)
```
#d363e5
```
#d363e5 rgb(211,99,229)
```
#d874e8
```
#d874e8 rgb(216,116,232)
```
#dd85eb
```
#dd85eb rgb(221,133,235)
```
#e296ed
```
#e296ed rgb(226,150,237)
```
#e6a6f0
```
#e6a6f0 rgb(230,166,240)
```
#ebb7f3
```
#ebb7f3 rgb(235,183,243)
```
#f0c8f6
```
#f0c8f6 rgb(240,200,246)
```
#f4d9f9
```
#f4d9f9 rgb(244,217,249)
```
#f9eafb
```
#f9eafb rgb(249,234,251)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#757175
```
#757175 rgb(117,113,117)
```
#7b687e
```
#7b687e rgb(123,104,126)
```
#825f87
```
#825f87 rgb(130,95,135)
```
#885690
```
#885690 rgb(136,86,144)
```
#8f4d99
```
#8f4d99 rgb(143,77,153)
```
#9544a2
```
#9544a2 rgb(149,68,162)
```
#9c3caa
```
#9c3caa rgb(156,60,170)
```
#a233b3
```
#a233b3 rgb(162,51,179)
```
#a92abc
```
#a92abc rgb(169,42,188)
```
#af21c5
```
#af21c5 rgb(175,33,197)
```
#b518ce
```
#b518ce rgb(181,24,206)
```
#bc0fd7
```
#bc0fd7 rgb(188,15,215)
```
#c206e0
```
#c206e0 rgb(194,6,224)
```

Tone Color Variation

Below, you can see how #af21c5 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
#6e5273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#3972b6 Deuteranopia 1% of men
#a45b61 Tritanopia 0.001% of the population

Trichromacy

#3f51d0 Protanomaly 1% of men, 0.01% of women
#6354bb Deuteranomaly 6% of men, 0.4% of women
#a84685 Tritanomaly 0.01% of the population

#af21c5 hex color

#af21c5 Color Information

#af21c5 Color Conversion

Color Schemes with #af21c5

Alternatives to #af21c5

#af21c5 Preview

Shades and Tints of #af21c5

Tones of #af21c5

Color Blindness Simulator