#af218e hex color

In a RGB color space, hex #af218e is composed of 68.6% red, 12.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.1% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 313.9 degrees, a saturation of 68.3% and a lightness of 40.8%. #af218e color hex could be obtained by blending #ff42ff with #5f001d. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 13
- B 56
RGB color chart
- C 0
- M 81
- Y 19
- K 31
CMYK color chart

● #af218e color description : Dark magenta.

The hexadecimal color #af218e has RGB values of R:175, G:33, B:142 and CMYK values of C:0, M:0.81, Y:0.19, K:0.31. Its decimal value is 11477390.

Hex triplet	af218e	`#af218e`
RGB Decimal	175, 33, 142	`rgb(175,33,142)`
RGB Percent	68.6, 12.9, 55.7	`rgb(68.6%,12.9%,55.7%)`
CMYK	0, 81, 19, 31
HSL	313.9°, 68.3, 40.8	`hsl(313.9,68.3%,40.8%)`
HSV (or HSB)	313.9°, 81.1, 68.6
Web Safe	993399	`#993399`

CIE-LAB	41.464, 64.364, -26.138
XYZ	23.106, 12.157, 26.719
xyY	0.373, 0.196, 12.157
CIE-LCH	41.464, 69.469, 337.898
CIE-LUV	41.464, 67.785, -45.962
Hunter-Lab	34.866, 57.274, -21.03
Binary	10101111, 00100001, 10001110

#af218e
```
#af218e rgb(175,33,142)
```
#21af42
```
#21af42 rgb(33,175,66)
```

Complementary Color

#8921af
```
#8921af rgb(137,33,175)
```
#af218e
```
#af218e rgb(175,33,142)
```
#af2147
```
#af2147 rgb(175,33,71)
```

Analogous Color

#21af89
```
#21af89 rgb(33,175,137)
```
#af218e
```
#af218e rgb(175,33,142)
```
#47af21
```
#47af21 rgb(71,175,33)
```

Split Complementary Color

#218eaf
```
#218eaf rgb(33,142,175)
```
#af218e
```
#af218e rgb(175,33,142)
```
#8eaf21
```
#8eaf21 rgb(142,175,33)
```

Triadic Color

#4221af
```
#4221af rgb(66,33,175)
```
#af218e
```
#af218e rgb(175,33,142)
```
#8eaf21
```
#8eaf21 rgb(142,175,33)
```
#21af42
```
#21af42 rgb(33,175,66)
```

Tetradic Color

#6f155a
```
#6f155a rgb(111,21,90)
```
#84196b
```
#84196b rgb(132,25,107)
```
#9a1d7d
```
#9a1d7d rgb(154,29,125)
```
#af218e
```
#af218e rgb(175,33,142)
```
#c4259f
```
#c4259f rgb(196,37,159)
```
#d72caf
```
#d72caf rgb(215,44,175)
```
#db41b7
```
#db41b7 rgb(219,65,183)
```

Monochromatic Color

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

#ad21af
```
#ad21af rgb(173,33,175)
```
#af21a6
```
#af21a6 rgb(175,33,166)
```
#af219a
```
#af219a rgb(175,33,154)
```
#af218e
```
#af218e rgb(175,33,142)
```
#af2182
```
#af2182 rgb(175,33,130)
```
#af2176
```
#af2176 rgb(175,33,118)
```
#af216b
```
#af216b rgb(175,33,107)
```

Similar Colors

Text with hexadecimal color #af218e

This text has a font color of #af218e.

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

#af218e background color

This paragraph has a background color of #af218e.

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

#af218e border color

This element has a border color of #af218e.

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

CSS codes

.text {color:#af218e;}

.background {background-color:#af218e;}

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

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

#0a0208
```
#0a0208 rgb(10,2,8)
```
#1a0515
```
#1a0515 rgb(26,5,21)
```
#2b0823
```
#2b0823 rgb(43,8,35)
```
#3b0b30
```
#3b0b30 rgb(59,11,48)
```
#4c0e3e
```
#4c0e3e rgb(76,14,62)
```
#5c114b
```
#5c114b rgb(92,17,75)
```
#6d1558
```
#6d1558 rgb(109,21,88)
```
#7d1866
```
#7d1866 rgb(125,24,102)
```
#8e1b73
```
#8e1b73 rgb(142,27,115)
```
#9e1e81
```
#9e1e81 rgb(158,30,129)
```
#af218e
```
#af218e rgb(175,33,142)
```
#c0249b
```
#c0249b rgb(192,36,155)
```
#d027a9
```
#d027a9 rgb(208,39,169)
```

Shade Color Variation

#d832b2
```
#d832b2 rgb(216,50,178)
```
#dc43b8
```
#dc43b8 rgb(220,67,184)
```
#df53be
```
#df53be rgb(223,83,190)
```
#e264c5
```
#e264c5 rgb(226,100,197)
```
#e574cb
```
#e574cb rgb(229,116,203)
```
#e885d1
```
#e885d1 rgb(232,133,209)
```
#eb95d7
```
#eb95d7 rgb(235,149,215)
```
#eea6dd
```
#eea6dd rgb(238,166,221)
```
#f1b6e4
```
#f1b6e4 rgb(241,182,228)
```
#f4c7ea
```
#f4c7ea rgb(244,199,234)
```
#f8d7f0
```
#f8d7f0 rgb(248,215,240)
```
#fbe8f6
```
#fbe8f6 rgb(251,232,246)
```
#fef8fd
```
#fef8fd rgb(254,248,253)
```

Tint Color Variation

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

#6f616c
```
#6f616c rgb(111,97,108)
```
#775970
```
#775970 rgb(119,89,112)
```
#7f5174
```
#7f5174 rgb(127,81,116)
```
#874979
```
#874979 rgb(135,73,121)
```
#8f417d
```
#8f417d rgb(143,65,125)
```
#973981
```
#973981 rgb(151,57,129)
```
#9f3185
```
#9f3185 rgb(159,49,133)
```
#a7298a
```
#a7298a rgb(167,41,138)
```
#af218e
```
#af218e rgb(175,33,142)
```
#b71992
```
#b71992 rgb(183,25,146)
```
#bf1197
```
#bf1197 rgb(191,17,151)
```
#c7099b
```
#c7099b rgb(199,9,155)
```
#cf019f
```
#cf019f rgb(207,1,159)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3867ba Protanopia 1% of men
#626887 Deuteranopia 1% of men
#ac484c Tritanopia 0.001% of the population

Trichromacy

#634daa Protanomaly 1% of men, 0.01% of women
#7e4e89 Deuteranomaly 6% of men, 0.4% of women
#ad3964 Tritanomaly 0.01% of the population

#af218e hex color

#af218e Color Information

#af218e Color Conversion

Color Schemes with #af218e

Alternatives to #af218e

#af218e Preview

Shades and Tints of #af218e

Tones of #af218e

Color Blindness Simulator