#af21b8 hex color

In a RGB color space, hex #af21b8 is composed of 68.6% red, 12.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 82.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 296.4 degrees, a saturation of 69.6% and a lightness of 42.5%. #af21b8 color hex could be obtained by blending #ff42ff with #5f0071. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 72
RGB color chart
- C 5
- M 82
- Y 0
- K 28
CMYK color chart

● #af21b8 color description : Strong magenta.

The hexadecimal color #af21b8 has RGB values of R:175, G:33, B:184 and CMYK values of C:0.05, M:0.82, Y:0, K:0.28. Its decimal value is 11477432.

Hex triplet	af21b8	`#af21b8`
RGB Decimal	175, 33, 184	`rgb(175,33,184)`
RGB Percent	68.6, 12.9, 72.2	`rgb(68.6%,12.9%,72.2%)`
CMYK	5, 82, 0, 28
HSL	296.4°, 69.6, 42.5	`hsl(296.4,69.6%,42.5%)`
HSV (or HSB)	296.4°, 82.1, 72.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.747, 70.641, -47.672
XYZ	26.874, 13.664, 46.567
xyY	0.309, 0.157, 13.664
CIE-LCH	43.747, 85.222, 325.987
CIE-LUV	43.747, 52.032, -78.108
Hunter-Lab	36.965, 65.084, -48.816
Binary	10101111, 00100001, 10111000

#af21b8
```
#af21b8 rgb(175,33,184)
```
#2ab821
```
#2ab821 rgb(42,184,33)
```

Complementary Color

#6421b8
```
#6421b8 rgb(100,33,184)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#b82176
```
#b82176 rgb(184,33,118)
```

Analogous Color

#21b864
```
#21b864 rgb(33,184,100)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#76b821
```
#76b821 rgb(118,184,33)
```

Split Complementary Color

#21b8af
```
#21b8af rgb(33,184,175)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```

Triadic Color

#212ab8
```
#212ab8 rgb(33,42,184)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#b8af21
```
#b8af21 rgb(184,175,33)
```
#2ab821
```
#2ab821 rgb(42,184,33)
```

Tetradic Color

#711577
```
#711577 rgb(113,21,119)
```
#86198d
```
#86198d rgb(134,25,141)
```
#9a1da2
```
#9a1da2 rgb(154,29,162)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#c425ce
```
#c425ce rgb(196,37,206)
```
#d032da
```
#d032da rgb(208,50,218)
```
#d547de
```
#d547de rgb(213,71,222)
```

Monochromatic Color

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

#8921b8
```
#8921b8 rgb(137,33,184)
```
#9621b8
```
#9621b8 rgb(150,33,184)
```
#a221b8
```
#a221b8 rgb(162,33,184)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#b821b4
```
#b821b4 rgb(184,33,180)
```
#b821a8
```
#b821a8 rgb(184,33,168)
```
#b8219b
```
#b8219b rgb(184,33,155)
```

Similar Colors

Text with hexadecimal color #af21b8

This text has a font color of #af21b8.

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

#af21b8 background color

This paragraph has a background color of #af21b8.

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

#af21b8 border color

This element has a border color of #af21b8.

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

CSS codes

.text {color:#af21b8;}

.background {background-color:#af21b8;}

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

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, #010001 is the darkest color, while #fbeffc is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#110312
```
#110312 rgb(17,3,18)
```
#210622
```
#210622 rgb(33,6,34)
```
#300933
```
#300933 rgb(48,9,51)
```
#400c44
```
#400c44 rgb(64,12,68)
```
#500f54
```
#500f54 rgb(80,15,84)
```
#601265
```
#601265 rgb(96,18,101)
```
#701575
```
#701575 rgb(112,21,117)
```
#801886
```
#801886 rgb(128,24,134)
```
#8f1b97
```
#8f1b97 rgb(143,27,151)
```
#9f1ea7
```
#9f1ea7 rgb(159,30,167)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#bf24c9
```
#bf24c9 rgb(191,36,201)
```

Shade Color Variation

#ce28d8
```
#ce28d8 rgb(206,40,216)
```
#d238db
```
#d238db rgb(210,56,219)
```
#d549de
```
#d549de rgb(213,73,222)
```
#d95ae1
```
#d95ae1 rgb(217,90,225)
```
#dd6ae4
```
#dd6ae4 rgb(221,106,228)
```
#e17be7
```
#e17be7 rgb(225,123,231)
```
#e58cea
```
#e58cea rgb(229,140,234)
```
#e89ced
```
#e89ced rgb(232,156,237)
```
#ecadf0
```
#ecadf0 rgb(236,173,240)
```
#f0bef3
```
#f0bef3 rgb(240,190,243)
```
#f4cef6
```
#f4cef6 rgb(244,206,246)
```
#f8dff9
```
#f8dff9 rgb(248,223,249)
```
#fbeffc
```
#fbeffc rgb(251,239,252)
```

Tint Color Variation

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

#6d6c6d
```
#6d6c6d rgb(109,108,109)
```
#746475
```
#746475 rgb(116,100,117)
```
#7c5b7e
```
#7c5b7e rgb(124,91,126)
```
#835386
```
#835386 rgb(131,83,134)
```
#8a4b8e
```
#8a4b8e rgb(138,75,142)
```
#924297
```
#924297 rgb(146,66,151)
```
#993a9f
```
#993a9f rgb(153,58,159)
```
#a032a7
```
#a032a7 rgb(160,50,167)
```
#a829b0
```
#a829b0 rgb(168,41,176)
```
#af21b8
```
#af21b8 rgb(175,33,184)
```
#b619c0
```
#b619c0 rgb(182,25,192)
```
#be10c9
```
#be10c9 rgb(190,16,201)
```
#c508d1
```
#c508d1 rgb(197,8,209)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d516f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#476fab Deuteranopia 1% of men
#a6565c Tritanopia 0.001% of the population

Trichromacy

#3f50c9 Protanomaly 1% of men, 0.01% of women
#6d53b0 Deuteranomaly 6% of men, 0.4% of women
#a9437d Tritanomaly 0.01% of the population

#af21b8 hex color

#af21b8 Color Information

#af21b8 Color Conversion

Color Schemes with #af21b8

Alternatives to #af21b8

#af21b8 Preview

Shades and Tints of #af21b8

Tones of #af21b8

Color Blindness Simulator