#af21b2 hex color

In a RGB color space, hex #af21b2 is composed of 68.6% red, 12.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 81.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 298.8 degrees, a saturation of 68.7% and a lightness of 41.4%. #af21b2 color hex could be obtained by blending #ff42ff with #5f0065. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 13
- B 70
RGB color chart
- C 2
- M 81
- Y 0
- K 30
CMYK color chart

● #af21b2 color description : Dark magenta.

The hexadecimal color #af21b2 has RGB values of R:175, G:33, B:178 and CMYK values of C:0.02, M:0.81, Y:0, K:0.3. Its decimal value is 11477426.

Hex triplet	af21b2	`#af21b2`
RGB Decimal	175, 33, 178	`rgb(175,33,178)`
RGB Percent	68.6, 12.9, 69.8	`rgb(68.6%,12.9%,69.8%)`
CMYK	2, 81, 0, 30
HSL	298.8°, 68.7, 41.4	`hsl(298.8,68.7%,41.4%)`
HSV (or HSB)	298.8°, 81.5, 69.8
Web Safe	993399	`#993399`

CIE-LAB	43.386, 69.672, -44.713
XYZ	26.258, 13.418, 43.324
xyY	0.316, 0.162, 13.418
CIE-LCH	43.386, 82.785, 327.309
CIE-LUV	43.386, 54.125, -73.629
Hunter-Lab	36.63, 63.855, -44.483
Binary	10101111, 00100001, 10110010

#af21b2
```
#af21b2 rgb(175,33,178)
```
#24b221
```
#24b221 rgb(36,178,33)
```

Complementary Color

#6721b2
```
#6721b2 rgb(103,33,178)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#b2216d
```
#b2216d rgb(178,33,109)
```

Analogous Color

#21b267
```
#21b267 rgb(33,178,103)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#6db221
```
#6db221 rgb(109,178,33)
```

Split Complementary Color

#21b2af
```
#21b2af rgb(33,178,175)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#b2af21
```
#b2af21 rgb(178,175,33)
```

Triadic Color

#2124b2
```
#2124b2 rgb(33,36,178)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#b2af21
```
#b2af21 rgb(178,175,33)
```
#24b221
```
#24b221 rgb(36,178,33)
```

Tetradic Color

#701571
```
#701571 rgb(112,21,113)
```
#851987
```
#851987 rgb(133,25,135)
```
#9a1d9c
```
#9a1d9c rgb(154,29,156)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#c425c8
```
#c425c8 rgb(196,37,200)
```
#d52ed8
```
#d52ed8 rgb(213,46,216)
```
#d943dc
```
#d943dc rgb(217,67,220)
```

Monochromatic Color

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

#8b21b2
```
#8b21b2 rgb(139,33,178)
```
#9721b2
```
#9721b2 rgb(151,33,178)
```
#a321b2
```
#a321b2 rgb(163,33,178)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#b221a9
```
#b221a9 rgb(178,33,169)
```
#b2219d
```
#b2219d rgb(178,33,157)
```
#b22191
```
#b22191 rgb(178,33,145)
```

Similar Colors

Text with hexadecimal color #af21b2

This text has a font color of #af21b2.

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

#af21b2 background color

This paragraph has a background color of #af21b2.

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

#af21b2 border color

This element has a border color of #af21b2.

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

CSS codes

.text {color:#af21b2;}

.background {background-color:#af21b2;}

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

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

#0c020d
```
#0c020d rgb(12,2,13)
```
#1d051d
```
#1d051d rgb(29,5,29)
```
#2d082e
```
#2d082e rgb(45,8,46)
```
#3d0c3e
```
#3d0c3e rgb(61,12,62)
```
#4d0f4f
```
#4d0f4f rgb(77,15,79)
```
#5e125f
```
#5e125f rgb(94,18,95)
```
#6e1570
```
#6e1570 rgb(110,21,112)
```
#7e1880
```
#7e1880 rgb(126,24,128)
```
#8e1b91
```
#8e1b91 rgb(142,27,145)
```
#9f1ea1
```
#9f1ea1 rgb(159,30,161)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#bf24c3
```
#bf24c3 rgb(191,36,195)
```
#d027d3
```
#d027d3 rgb(208,39,211)
```

Shade Color Variation

#d634d9
```
#d634d9 rgb(214,52,217)
```
#d945dd
```
#d945dd rgb(217,69,221)
```
#dd56e0
```
#dd56e0 rgb(221,86,224)
```
#e066e3
```
#e066e3 rgb(224,102,227)
```
#e377e6
```
#e377e6 rgb(227,119,230)
```
#e787e9
```
#e787e9 rgb(231,135,233)
```
#ea98ec
```
#ea98ec rgb(234,152,236)
```
#eda8ef
```
#eda8ef rgb(237,168,239)
```
#f1b9f2
```
#f1b9f2 rgb(241,185,242)
```
#f4c9f5
```
#f4c9f5 rgb(244,201,245)
```
#f7daf8
```
#f7daf8 rgb(247,218,248)
```
#fbeafb
```
#fbeafb rgb(251,234,251)
```
#fefbfe
```
#fefbfe rgb(254,251,254)
```

Tint Color Variation

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

#716271
```
#716271 rgb(113,98,113)
```
#795a79
```
#795a79 rgb(121,90,121)
```
#805281
```
#805281 rgb(128,82,129)
```
#884a89
```
#884a89 rgb(136,74,137)
```
#904192
```
#904192 rgb(144,65,146)
```
#98399a
```
#98399a rgb(152,57,154)
```
#9f31a2
```
#9f31a2 rgb(159,49,162)
```
#a729aa
```
#a729aa rgb(167,41,170)
```
#af21b2
```
#af21b2 rgb(175,33,178)
```
#b719ba
```
#b719ba rgb(183,25,186)
```
#bf11c2
```
#bf11c2 rgb(191,17,194)
```
#c609ca
```
#c609ca rgb(198,9,202)
```
#ce01d2
```
#ce01d2 rgb(206,1,210)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d506d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#4d6ea6 Deuteranopia 1% of men
#a75459 Tritanopia 0.001% of the population

Trichromacy

#3f50c6 Protanomaly 1% of men, 0.01% of women
#7052aa Deuteranomaly 6% of men, 0.4% of women
#aa4179 Tritanomaly 0.01% of the population

#af21b2 hex color

#af21b2 Color Information

#af21b2 Color Conversion

Color Schemes with #af21b2

Alternatives to #af21b2

#af21b2 Preview

Shades and Tints of #af21b2

Tones of #af21b2

Color Blindness Simulator