#af20bd hex color

In a RGB color space, hex #af20bd is composed of 68.6% red, 12.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 83.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 294.6 degrees, a saturation of 71% and a lightness of 43.3%. #af20bd color hex could be obtained by blending #ff40ff with #5f007b. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 74
RGB color chart
- C 7
- M 83
- Y 0
- K 26
CMYK color chart

● #af20bd color description : Strong magenta.

The hexadecimal color #af20bd has RGB values of R:175, G:32, B:189 and CMYK values of C:0.07, M:0.83, Y:0, K:0.26. Its decimal value is 11477181.

Hex triplet	af20bd	`#af20bd`
RGB Decimal	175, 32, 189	`rgb(175,32,189)`
RGB Percent	68.6, 12.5, 74.1	`rgb(68.6%,12.5%,74.1%)`
CMYK	7, 83, 0, 26
HSL	294.6°, 71, 43.3	`hsl(294.6,71%,43.3%)`
HSV (or HSB)	294.6°, 83.1, 74.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.978, 71.695, -50.237
XYZ	27.38, 13.823, 49.367
xyY	0.302, 0.153, 13.823
CIE-LCH	43.978, 87.544, 324.981
CIE-LUV	43.978, 50.452, -81.966
Hunter-Lab	37.179, 66.392, -52.702
Binary	10101111, 00100000, 10111101

#af20bd
```
#af20bd rgb(175,32,189)
```
#2ebd20
```
#2ebd20 rgb(46,189,32)
```

Complementary Color

#6120bd
```
#6120bd rgb(97,32,189)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#bd207d
```
#bd207d rgb(189,32,125)
```

Analogous Color

#20bd61
```
#20bd61 rgb(32,189,97)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#7dbd20
```
#7dbd20 rgb(125,189,32)
```

Split Complementary Color

#20bdaf
```
#20bdaf rgb(32,189,175)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#bdaf20
```
#bdaf20 rgb(189,175,32)
```

Triadic Color

#202ebd
```
#202ebd rgb(32,46,189)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#bdaf20
```
#bdaf20 rgb(189,175,32)
```
#2ebd20
```
#2ebd20 rgb(46,189,32)
```

Tetradic Color

#72157c
```
#72157c rgb(114,21,124)
```
#871991
```
#871991 rgb(135,25,145)
```
#9b1ca7
```
#9b1ca7 rgb(155,28,167)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#c324d3
```
#c324d3 rgb(195,36,211)
```
#cd33dd
```
#cd33dd rgb(205,51,221)
```
#d349e0
```
#d349e0 rgb(211,73,224)
```

Monochromatic Color

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

#8820bd
```
#8820bd rgb(136,32,189)
```
#9520bd
```
#9520bd rgb(149,32,189)
```
#a220bd
```
#a220bd rgb(162,32,189)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#bc20bd
```
#bc20bd rgb(188,32,189)
```
#bd20b1
```
#bd20b1 rgb(189,32,177)
```
#bd20a4
```
#bd20a4 rgb(189,32,164)
```

Similar Colors

Text with hexadecimal color #af20bd

This text has a font color of #af20bd.

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

#af20bd background color

This paragraph has a background color of #af20bd.

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

#af20bd border color

This element has a border color of #af20bd.

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

CSS codes

.text {color:#af20bd;}

.background {background-color:#af20bd;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#140415
```
#140415 rgb(20,4,21)
```
#230626
```
#230626 rgb(35,6,38)
```
#330937
```
#330937 rgb(51,9,55)
```
#420c48
```
#420c48 rgb(66,12,72)
```
#520f58
```
#520f58 rgb(82,15,88)
```
#611269
```
#611269 rgb(97,18,105)
```
#71157a
```
#71157a rgb(113,21,122)
```
#80178b
```
#80178b rgb(128,23,139)
```
#901a9b
```
#901a9b rgb(144,26,155)
```
#9f1dac
```
#9f1dac rgb(159,29,172)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#bf23ce
```
#bf23ce rgb(191,35,206)
```

Shade Color Variation

#cb29db
```
#cb29db rgb(203,41,219)
```
#cf3ade
```
#cf3ade rgb(207,58,222)
```
#d34be1
```
#d34be1 rgb(211,75,225)
```
#d75ce3
```
#d75ce3 rgb(215,92,227)
```
#db6ce6
```
#db6ce6 rgb(219,108,230)
```
#df7de9
```
#df7de9 rgb(223,125,233)
```
#e48eec
```
#e48eec rgb(228,142,236)
```
#e89fef
```
#e89fef rgb(232,159,239)
```
#ecb0f2
```
#ecb0f2 rgb(236,176,242)
```
#f0c0f4
```
#f0c0f4 rgb(240,192,244)
```
#f4d1f7
```
#f4d1f7 rgb(244,209,247)
```
#f8e2fa
```
#f8e2fa rgb(248,226,250)
```
#fcf3fd
```
#fcf3fd rgb(252,243,253)
```

Tint Color Variation

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

#706d71
```
#706d71 rgb(112,109,113)
```
#776479
```
#776479 rgb(119,100,121)
```
#7e5c82
```
#7e5c82 rgb(126,92,130)
```
#85538a
```
#85538a rgb(133,83,138)
```
#8c4b93
```
#8c4b93 rgb(140,75,147)
```
#93429b
```
#93429b rgb(147,66,155)
```
#9a3aa4
```
#9a3aa4 rgb(154,58,164)
```
#a131ac
```
#a131ac rgb(161,49,172)
```
#a829b5
```
#a829b5 rgb(168,41,181)
```
#af20bd
```
#af20bd rgb(175,32,189)
```
#b618c6
```
#b618c6 rgb(182,24,198)
```
#bd0fce
```
#bd0fce rgb(189,15,206)
```
#c406d7
```
#c406d7 rgb(196,6,215)
```

Tone Color Variation

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

Dichromacy

#006cd3 Protanopia 1% of men
#4270af Deuteranopia 1% of men
#a5585d Tritanopia 0.001% of the population

Trichromacy

#3f50cb Protanomaly 1% of men, 0.01% of women
#6953b4 Deuteranomaly 6% of men, 0.4% of women
#a94380 Tritanomaly 0.01% of the population

#af20bd hex color

#af20bd Color Information

#af20bd Color Conversion

Color Schemes with #af20bd

Alternatives to #af20bd

#af20bd Preview

Shades and Tints of #af20bd

Tones of #af20bd

Color Blindness Simulator