#af50bc hex color

In a RGB color space, hex #af50bc is composed of 68.6% red, 31.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 57.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 292.8 degrees, a saturation of 44.6% and a lightness of 52.5%. #af50bc color hex could be obtained by blending #ffa0ff with #5f0079. Closest websafe color is: #9966cc.

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

● #af50bc color description : Moderate magenta.

The hexadecimal color #af50bc has RGB values of R:175, G:80, B:188 and CMYK values of C:0.07, M:0.57, Y:0, K:0.26. Its decimal value is 11489468.

Hex triplet	af50bc	`#af50bc`
RGB Decimal	175, 80, 188	`rgb(175,80,188)`
RGB Percent	68.6, 31.4, 73.7	`rgb(68.6%,31.4%,73.7%)`
CMYK	7, 57, 0, 26
HSL	292.8°, 44.6, 52.5	`hsl(292.8,44.6%,52.5%)`
HSV (or HSB)	292.8°, 57.4, 73.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.077, 54.188, -39.942
XYZ	29.624, 18.483, 49.581
xyY	0.303, 0.189, 18.483
CIE-LCH	50.077, 67.318, 323.606
CIE-LUV	50.077, 40.516, -67.201
Hunter-Lab	42.992, 47.759, -38.282
Binary	10101111, 01010000, 10111100

#af50bc
```
#af50bc rgb(175,80,188)
```
#5dbc50
```
#5dbc50 rgb(93,188,80)
```

Complementary Color

#7950bc
```
#7950bc rgb(121,80,188)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#bc5093
```
#bc5093 rgb(188,80,147)
```

Analogous Color

#50bc79
```
#50bc79 rgb(80,188,121)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#93bc50
```
#93bc50 rgb(147,188,80)
```

Split Complementary Color

#50bcaf
```
#50bcaf rgb(80,188,175)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#bcaf50
```
#bcaf50 rgb(188,175,80)
```

Triadic Color

#505dbc
```
#505dbc rgb(80,93,188)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#bcaf50
```
#bcaf50 rgb(188,175,80)
```
#5dbc50
```
#5dbc50 rgb(93,188,80)
```

Tetradic Color

#80358a
```
#80358a rgb(128,53,138)
```
#913c9d
```
#913c9d rgb(145,60,157)
```
#a243af
```
#a243af rgb(162,67,175)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#b762c3
```
#b762c3 rgb(183,98,195)
```
#c075ca
```
#c075ca rgb(192,117,202)
```
#c887d1
```
#c887d1 rgb(200,135,209)
```

Monochromatic Color

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

#9450bc
```
#9450bc rgb(148,80,188)
```
#9d50bc
```
#9d50bc rgb(157,80,188)
```
#a650bc
```
#a650bc rgb(166,80,188)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#b850bc
```
#b850bc rgb(184,80,188)
```
#bc50b7
```
#bc50b7 rgb(188,80,183)
```
#bc50ae
```
#bc50ae rgb(188,80,174)
```

Similar Colors

Text with hexadecimal color #af50bc

This text has a font color of #af50bc.

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

#af50bc background color

This paragraph has a background color of #af50bc.

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

#af50bc border color

This element has a border color of #af50bc.

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

CSS codes

.text {color:#af50bc;}

.background {background-color:#af50bc;}

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

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

#090409
```
#090409 rgb(9,4,9)
```
#160918
```
#160918 rgb(22,9,24)
```
#230e26
```
#230e26 rgb(35,14,38)
```
#301434
```
#301434 rgb(48,20,52)
```
#3d1942
```
#3d1942 rgb(61,25,66)
```
#4a1f50
```
#4a1f50 rgb(74,31,80)
```
#57245f
```
#57245f rgb(87,36,95)
```
#652a6d
```
#652a6d rgb(101,42,109)
```
#722f7b
```
#722f7b rgb(114,47,123)
```
#7f3489
```
#7f3489 rgb(127,52,137)
```
#8c3a97
```
#8c3a97 rgb(140,58,151)
```
#993fa5
```
#993fa5 rgb(153,63,165)
```
#a645b4
```
#a645b4 rgb(166,69,180)
```

Shade Color Variation

#af50bc
```
#af50bc rgb(175,80,188)
```
#b55ec1
```
#b55ec1 rgb(181,94,193)
```
#bc6cc7
```
#bc6cc7 rgb(188,108,199)
```
#c27bcc
```
#c27bcc rgb(194,123,204)
```
#c989d2
```
#c989d2 rgb(201,137,210)
```
#cf97d7
```
#cf97d7 rgb(207,151,215)
```
#d6a5dd
```
#d6a5dd rgb(214,165,221)
```
#dcb3e2
```
#dcb3e2 rgb(220,179,226)
```
#e3c1e7
```
#e3c1e7 rgb(227,193,231)
```
#e9d0ed
```
#e9d0ed rgb(233,208,237)
```
#f0def2
```
#f0def2 rgb(240,222,242)
```
#f6ecf8
```
#f6ecf8 rgb(246,236,248)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#8c7f8d
```
#8c7f8d rgb(140,127,141)
```
#937597
```
#937597 rgb(147,117,151)
```
#9a6ca0
```
#9a6ca0 rgb(154,108,160)
```
#a163a9
```
#a163a9 rgb(161,99,169)
```
#a859b3
```
#a859b3 rgb(168,89,179)
```
#af50bc
```
#af50bc rgb(175,80,188)
```
#b647c5
```
#b647c5 rgb(182,71,197)
```
#bd3dcf
```
#bd3dcf rgb(189,61,207)
```
#c434d8
```
#c434d8 rgb(196,52,216)
```
#cb2be1
```
#cb2be1 rgb(203,43,225)
```
#d221eb
```
#d221eb rgb(210,33,235)
```
#d918f4
```
#d918f4 rgb(217,24,244)
```
#e00ffd
```
#e00ffd rgb(224,15,253)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#847186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#497bda Protanopia 1% of men
#647db4 Deuteranopia 1% of men
#a86e75 Tritanopia 0.001% of the population

Trichromacy

#6e6bcf Protanomaly 1% of men, 0.01% of women
#7f6db7 Deuteranomaly 6% of men, 0.4% of women
#aa638f Tritanomaly 0.01% of the population

#af50bc hex color

#af50bc Color Information

#af50bc Color Conversion

Color Schemes with #af50bc

Alternatives to #af50bc

#af50bc Preview

Shades and Tints of #af50bc

Tones of #af50bc

Color Blindness Simulator