#af20bf hex color

In a RGB color space, hex #af20bf is composed of 68.6% red, 12.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 83.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 294 degrees, a saturation of 71.3% and a lightness of 43.7%. #af20bf color hex could be obtained by blending #ff40ff with #5f007f. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 75
RGB color chart
- C 8
- M 83
- Y 0
- K 25
CMYK color chart

● #af20bf color description : Strong magenta.

The hexadecimal color #af20bf has RGB values of R:175, G:32, B:191 and CMYK values of C:0.08, M:0.83, Y:0, K:0.25. Its decimal value is 11477183.

Hex triplet	af20bf	`#af20bf`
RGB Decimal	175, 32, 191	`rgb(175,32,191)`
RGB Percent	68.6, 12.5, 74.9	`rgb(68.6%,12.5%,74.9%)`
CMYK	8, 83, 0, 25
HSL	294°, 71.3, 43.7	`hsl(294,71.3%,43.7%)`
HSV (or HSB)	294°, 83.2, 74.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.104, 72.028, -51.205
XYZ	27.599, 13.91, 50.519
xyY	0.3, 0.151, 13.91
CIE-LCH	44.104, 88.374, 324.591
CIE-LUV	44.104, 49.781, -83.432
Hunter-Lab	37.296, 66.819, -54.202
Binary	10101111, 00100000, 10111111

#af20bf
```
#af20bf rgb(175,32,191)
```
#30bf20
```
#30bf20 rgb(48,191,32)
```

Complementary Color

#6020bf
```
#6020bf rgb(96,32,191)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#bf2080
```
#bf2080 rgb(191,32,128)
```

Analogous Color

#20bf5f
```
#20bf5f rgb(32,191,95)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#80bf20
```
#80bf20 rgb(128,191,32)
```

Split Complementary Color

#20bfaf
```
#20bfaf rgb(32,191,175)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#bfaf20
```
#bfaf20 rgb(191,175,32)
```

Triadic Color

#2030bf
```
#2030bf rgb(32,48,191)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#bfaf20
```
#bfaf20 rgb(191,175,32)
```
#30bf20
```
#30bf20 rgb(48,191,32)
```

Tetradic Color

#73157d
```
#73157d rgb(115,21,125)
```
#871993
```
#871993 rgb(135,25,147)
```
#9b1ca9
```
#9b1ca9 rgb(155,28,169)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#c324d5
```
#c324d5 rgb(195,36,213)
```
#cc35dd
```
#cc35dd rgb(204,53,221)
```
#d24be1
```
#d24be1 rgb(210,75,225)
```

Monochromatic Color

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

#8720bf
```
#8720bf rgb(135,32,191)
```
#9520bf
```
#9520bf rgb(149,32,191)
```
#a220bf
```
#a220bf rgb(162,32,191)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#bc20bf
```
#bc20bf rgb(188,32,191)
```
#bf20b5
```
#bf20b5 rgb(191,32,181)
```
#bf20a7
```
#bf20a7 rgb(191,32,167)
```

Similar Colors

Text with hexadecimal color #af20bf

This text has a font color of #af20bf.

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

#af20bf background color

This paragraph has a background color of #af20bf.

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

#af20bf border color

This element has a border color of #af20bf.

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

CSS codes

.text {color:#af20bf;}

.background {background-color:#af20bf;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#150417
```
#150417 rgb(21,4,23)
```
#240728
```
#240728 rgb(36,7,40)
```
#340939
```
#340939 rgb(52,9,57)
```
#430c49
```
#430c49 rgb(67,12,73)
```
#530f5a
```
#530f5a rgb(83,15,90)
```
#62126b
```
#62126b rgb(98,18,107)
```
#71157c
```
#71157c rgb(113,21,124)
```
#81188d
```
#81188d rgb(129,24,141)
```
#901a9d
```
#901a9d rgb(144,26,157)
```
#a01dae
```
#a01dae rgb(160,29,174)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#be23d0
```
#be23d0 rgb(190,35,208)
```

Shade Color Variation

#ca2bdb
```
#ca2bdb rgb(202,43,219)
```
#ce3cde
```
#ce3cde rgb(206,60,222)
```
#d24ce1
```
#d24ce1 rgb(210,76,225)
```
#d65de4
```
#d65de4 rgb(214,93,228)
```
#db6ee7
```
#db6ee7 rgb(219,110,231)
```
#df7fea
```
#df7fea rgb(223,127,234)
```
#e390ec
```
#e390ec rgb(227,144,236)
```
#e7a0ef
```
#e7a0ef rgb(231,160,239)
```
#ebb1f2
```
#ebb1f2 rgb(235,177,242)
```
#f0c2f5
```
#f0c2f5 rgb(240,194,245)
```
#f4d3f8
```
#f4d3f8 rgb(244,211,248)
```
#f8e4fa
```
#f8e4fa rgb(248,228,250)
```
#fcf4fd
```
#fcf4fd rgb(252,244,253)
```

Tint Color Variation

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

#716d72
```
#716d72 rgb(113,109,114)
```
#78657a
```
#78657a rgb(120,101,122)
```
#7f5c83
```
#7f5c83 rgb(127,92,131)
```
#86538c
```
#86538c rgb(134,83,140)
```
#8d4b94
```
#8d4b94 rgb(141,75,148)
```
#94429d
```
#94429d rgb(148,66,157)
```
#9a3aa5
```
#9a3aa5 rgb(154,58,165)
```
#a131ae
```
#a131ae rgb(161,49,174)
```
#a829b6
```
#a829b6 rgb(168,41,182)
```
#af20bf
```
#af20bf rgb(175,32,191)
```
#b617c8
```
#b617c8 rgb(182,23,200)
```
#bd0fd0
```
#bd0fd0 rgb(189,15,208)
```
#c406d9
```
#c406d9 rgb(196,6,217)
```

Tone Color Variation

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

Dichromacy

#006cd4 Protanopia 1% of men
#4070b1 Deuteranopia 1% of men
#a5595e Tritanopia 0.001% of the population

Trichromacy

#3f50cc Protanomaly 1% of men, 0.01% of women
#6853b6 Deuteranomaly 6% of men, 0.4% of women
#a84481 Tritanomaly 0.01% of the population

#af20bf hex color

#af20bf Color Information

#af20bf Color Conversion

Color Schemes with #af20bf

Alternatives to #af20bf

#af20bf Preview

Shades and Tints of #af20bf

Tones of #af20bf

Color Blindness Simulator