#af20b9 hex color

In a RGB color space, hex #af20b9 is composed of 68.6% red, 12.5% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 82.7% magenta, 0% yellow and 27.5% black. It has a hue angle of 296.1 degrees, a saturation of 70.5% and a lightness of 42.5%. #af20b9 color hex could be obtained by blending #ff40ff with #5f0073. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 13
- B 73
RGB color chart
- C 5
- M 83
- Y 0
- K 27
CMYK color chart

● #af20b9 color description : Strong magenta.

The hexadecimal color #af20b9 has RGB values of R:175, G:32, B:185 and CMYK values of C:0.05, M:0.83, Y:0, K:0.27. Its decimal value is 11477177.

Hex triplet	af20b9	`#af20b9`
RGB Decimal	175, 32, 185	`rgb(175,32,185)`
RGB Percent	68.6, 12.5, 72.5	`rgb(68.6%,12.5%,72.5%)`
CMYK	5, 83, 0, 27
HSL	296.1°, 70.5, 42.5	`hsl(296.1,70.5%,42.5%)`
HSV (or HSB)	296.1°, 82.7, 72.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.729, 71.037, -48.289
XYZ	26.952, 13.651, 47.112
xyY	0.307, 0.156, 13.651
CIE-LCH	43.729, 85.896, 325.793
CIE-LUV	43.729, 51.813, -79.016
Hunter-Lab	36.948, 65.55, -49.736
Binary	10101111, 00100000, 10111001

#af20b9
```
#af20b9 rgb(175,32,185)
```
#2ab920
```
#2ab920 rgb(42,185,32)
```

Complementary Color

#6320b9
```
#6320b9 rgb(99,32,185)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#b92077
```
#b92077 rgb(185,32,119)
```

Analogous Color

#20b963
```
#20b963 rgb(32,185,99)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#77b920
```
#77b920 rgb(119,185,32)
```

Split Complementary Color

#20b9af
```
#20b9af rgb(32,185,175)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#b9af20
```
#b9af20 rgb(185,175,32)
```

Triadic Color

#202ab9
```
#202ab9 rgb(32,42,185)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#b9af20
```
#b9af20 rgb(185,175,32)
```
#2ab920
```
#2ab920 rgb(42,185,32)
```

Tetradic Color

#711578
```
#711578 rgb(113,21,120)
```
#86188e
```
#86188e rgb(134,24,142)
```
#9a1ca3
```
#9a1ca3 rgb(154,28,163)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#c424cf
```
#c424cf rgb(196,36,207)
```
#d031db
```
#d031db rgb(208,49,219)
```
#d546df
```
#d546df rgb(213,70,223)
```

Monochromatic Color

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

#8920b9
```
#8920b9 rgb(137,32,185)
```
#9620b9
```
#9620b9 rgb(150,32,185)
```
#a220b9
```
#a220b9 rgb(162,32,185)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#b920b6
```
#b920b6 rgb(185,32,182)
```
#b920aa
```
#b920aa rgb(185,32,170)
```
#b9209d
```
#b9209d rgb(185,32,157)
```

Similar Colors

Text with hexadecimal color #af20b9

This text has a font color of #af20b9.

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

#af20b9 background color

This paragraph has a background color of #af20b9.

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

#af20b9 border color

This element has a border color of #af20b9.

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

CSS codes

.text {color:#af20b9;}

.background {background-color:#af20b9;}

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

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)
```
#500f55
```
#500f55 rgb(80,15,85)
```
#601265
```
#601265 rgb(96,18,101)
```
#701476
```
#701476 rgb(112,20,118)
```
#801787
```
#801787 rgb(128,23,135)
```
#8f1a98
```
#8f1a98 rgb(143,26,152)
```
#9f1da8
```
#9f1da8 rgb(159,29,168)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#bf23ca
```
#bf23ca rgb(191,35,202)
```

Shade Color Variation

#ce27da
```
#ce27da rgb(206,39,218)
```
#d237dc
```
#d237dc rgb(210,55,220)
```
#d548df
```
#d548df rgb(213,72,223)
```
#d959e2
```
#d959e2 rgb(217,89,226)
```
#dd6ae5
```
#dd6ae5 rgb(221,106,229)
```
#e17ae8
```
#e17ae8 rgb(225,122,232)
```
#e58beb
```
#e58beb rgb(229,139,235)
```
#e89cee
```
#e89cee rgb(232,156,238)
```
#ecacf1
```
#ecacf1 rgb(236,172,241)
```
#f0bdf4
```
#f0bdf4 rgb(240,189,244)
```
#f4cef7
```
#f4cef7 rgb(244,206,247)
```
#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, #6e6b6e is the less saturated color, while #c507d2 is the most saturated one.

#6e6b6e
```
#6e6b6e rgb(110,107,110)
```
#756376
```
#756376 rgb(117,99,118)
```
#7c5a7f
```
#7c5a7f rgb(124,90,127)
```
#835287
```
#835287 rgb(131,82,135)
```
#8b4a8f
```
#8b4a8f rgb(139,74,143)
```
#924198
```
#924198 rgb(146,65,152)
```
#9939a0
```
#9939a0 rgb(153,57,160)
```
#a031a8
```
#a031a8 rgb(160,49,168)
```
#a828b1
```
#a828b1 rgb(168,40,177)
```
#af20b9
```
#af20b9 rgb(175,32,185)
```
#b618c1
```
#b618c1 rgb(182,24,193)
```
#be0fca
```
#be0fca rgb(190,15,202)
```
#c507d2
```
#c507d2 rgb(197,7,210)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d506f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#466fac Deuteranopia 1% of men
#a6565c Tritanopia 0.001% of the population

Trichromacy

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

#af20b9 hex color

#af20b9 Color Information

#af20b9 Color Conversion

Color Schemes with #af20b9

Alternatives to #af20b9

#af20b9 Preview

Shades and Tints of #af20b9

Tones of #af20b9

Color Blindness Simulator