#af20a0 hex color

In a RGB color space, hex #af20a0 is composed of 68.6% red, 12.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 8.6% yellow and 31.4% black. It has a hue angle of 306.3 degrees, a saturation of 69.1% and a lightness of 40.6%. #af20a0 color hex could be obtained by blending #ff40ff with #5f0041. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 13
- B 63
RGB color chart
- C 0
- M 82
- Y 9
- K 31
CMYK color chart

● #af20a0 color description : Dark magenta.

The hexadecimal color #af20a0 has RGB values of R:175, G:32, B:160 and CMYK values of C:0, M:0.82, Y:0.09, K:0.31. Its decimal value is 11477152.

Hex triplet	af20a0	`#af20a0`
RGB Decimal	175, 32, 160	`rgb(175,32,160)`
RGB Percent	68.6, 12.5, 62.7	`rgb(68.6%,12.5%,62.7%)`
CMYK	0, 82, 9, 31
HSL	306.3°, 69.1, 40.6	`hsl(306.3,69.1%,40.6%)`
HSV (or HSB)	306.3°, 81.7, 68.6
Web Safe	993399	`#993399`

CIE-LAB	42.288, 67.145, -35.737
XYZ	24.541, 12.687, 34.412
xyY	0.343, 0.177, 12.687
CIE-LCH	42.288, 76.063, 331.977
CIE-LUV	42.288, 60.894, -60.122
Hunter-Lab	35.619, 60.651, -32.349
Binary	10101111, 00100000, 10100000

#af20a0
```
#af20a0 rgb(175,32,160)
```
#20af2f
```
#20af2f rgb(32,175,47)
```

Complementary Color

#7720af
```
#7720af rgb(119,32,175)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#af2059
```
#af2059 rgb(175,32,89)
```

Analogous Color

#20af77
```
#20af77 rgb(32,175,119)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#59af20
```
#59af20 rgb(89,175,32)
```

Split Complementary Color

#20a0af
```
#20a0af rgb(32,160,175)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#a0af20
```
#a0af20 rgb(160,175,32)
```

Triadic Color

#2f20af
```
#2f20af rgb(47,32,175)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#a0af20
```
#a0af20 rgb(160,175,32)
```
#20af2f
```
#20af2f rgb(32,175,47)
```

Tetradic Color

#6e1465
```
#6e1465 rgb(110,20,101)
```
#841879
```
#841879 rgb(132,24,121)
```
#991c8c
```
#991c8c rgb(153,28,140)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#c524b4
```
#c524b4 rgb(197,36,180)
```
#d82ac6
```
#d82ac6 rgb(216,42,198)
```
#dc40cc
```
#dc40cc rgb(220,64,204)
```

Monochromatic Color

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

#9a20af
```
#9a20af rgb(154,32,175)
```
#a620af
```
#a620af rgb(166,32,175)
```
#af20ac
```
#af20ac rgb(175,32,172)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#af2094
```
#af2094 rgb(175,32,148)
```
#af2088
```
#af2088 rgb(175,32,136)
```
#af207c
```
#af207c rgb(175,32,124)
```

Similar Colors

Text with hexadecimal color #af20a0

This text has a font color of #af20a0.

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

#af20a0 background color

This paragraph has a background color of #af20a0.

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

#af20a0 border color

This element has a border color of #af20a0.

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

CSS codes

.text {color:#af20a0;}

.background {background-color:#af20a0;}

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

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

#090208
```
#090208 rgb(9,2,8)
```
#1a0518
```
#1a0518 rgb(26,5,24)
```
#2a0827
```
#2a0827 rgb(42,8,39)
```
#3b0b36
```
#3b0b36 rgb(59,11,54)
```
#4c0e45
```
#4c0e45 rgb(76,14,69)
```
#5c1154
```
#5c1154 rgb(92,17,84)
```
#6d1463
```
#6d1463 rgb(109,20,99)
```
#7d1773
```
#7d1773 rgb(125,23,115)
```
#8e1a82
```
#8e1a82 rgb(142,26,130)
```
#9e1d91
```
#9e1d91 rgb(158,29,145)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#c023af
```
#c023af rgb(192,35,175)
```
#d026be
```
#d026be rgb(208,38,190)
```

Shade Color Variation

#d931c8
```
#d931c8 rgb(217,49,200)
```
#dc41cc
```
#dc41cc rgb(220,65,204)
```
#df52d0
```
#df52d0 rgb(223,82,208)
```
#e262d5
```
#e262d5 rgb(226,98,213)
```
#e573d9
```
#e573d9 rgb(229,115,217)
```
#e884de
```
#e884de rgb(232,132,222)
```
#eb94e2
```
#eb94e2 rgb(235,148,226)
```
#eea5e7
```
#eea5e7 rgb(238,165,231)
```
#f2b5eb
```
#f2b5eb rgb(242,181,235)
```
#f5c6f0
```
#f5c6f0 rgb(245,198,240)
```
#f8d6f4
```
#f8d6f4 rgb(248,214,244)
```
#fbe7f9
```
#fbe7f9 rgb(251,231,249)
```
#fef8fd
```
#fef8fd rgb(254,248,253)
```

Tint Color Variation

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

#6f606e
```
#6f606e rgb(111,96,110)
```
#775874
```
#775874 rgb(119,88,116)
```
#7f507a
```
#7f507a rgb(127,80,122)
```
#874881
```
#874881 rgb(135,72,129)
```
#8f4087
```
#8f4087 rgb(143,64,135)
```
#97388d
```
#97388d rgb(151,56,141)
```
#9f3093
```
#9f3093 rgb(159,48,147)
```
#a7289a
```
#a7289a rgb(167,40,154)
```
#af20a0
```
#af20a0 rgb(175,32,160)
```
#b718a6
```
#b718a6 rgb(183,24,166)
```
#bf10ad
```
#bf10ad rgb(191,16,173)
```
#c708b3
```
#c708b3 rgb(199,8,179)
```
#cf00b9
```
#cf00b9 rgb(207,0,185)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#596b96 Deuteranopia 1% of men
#aa4d52 Tritanopia 0.001% of the population

Trichromacy

#3f4ebc Protanomaly 1% of men, 0.01% of women
#784f9a Deuteranomaly 6% of men, 0.4% of women
#ab3d6e Tritanomaly 0.01% of the population

#af20a0 hex color

#af20a0 Color Information

#af20a0 Color Conversion

Color Schemes with #af20a0

Alternatives to #af20a0

#af20a0 Preview

Shades and Tints of #af20a0

Tones of #af20a0

Color Blindness Simulator