#af10b2 hex color

In a RGB color space, hex #af10b2 is composed of 68.6% red, 6.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 91% magenta, 0% yellow and 30.2% black. It has a hue angle of 298.9 degrees, a saturation of 83.5% and a lightness of 38%. #af10b2 color hex could be obtained by blending #ff20ff with #5f0065. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 6
- B 70
RGB color chart
- C 2
- M 91
- Y 0
- K 30
CMYK color chart

● #af10b2 color description : Dark magenta.

The hexadecimal color #af10b2 has RGB values of R:175, G:16, B:178 and CMYK values of C:0.02, M:0.91, Y:0, K:0.3. Its decimal value is 11473074.

Hex triplet	af10b2	`#af10b2`
RGB Decimal	175, 16, 178	`rgb(175,16,178)`
RGB Percent	68.6, 6.3, 69.8	`rgb(68.6%,6.3%,69.8%)`
CMYK	2, 91, 0, 30
HSL	298.9°, 83.5, 38	`hsl(298.9,83.5%,38%)`
HSV (or HSB)	298.9°, 91, 69.8
Web Safe	990099	`#990099`

CIE-LAB	42.309, 72.827, -46.435
XYZ	25.9, 12.701, 43.204
xyY	0.317, 0.155, 12.701
CIE-LCH	42.309, 86.371, 327.478
CIE-LUV	42.309, 55.859, -75.899
Hunter-Lab	35.638, 67.358, -46.932
Binary	10101111, 00010000, 10110010

#af10b2
```
#af10b2 rgb(175,16,178)
```
#13b210
```
#13b210 rgb(19,178,16)
```

Complementary Color

#5e10b2
```
#5e10b2 rgb(94,16,178)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#b21064
```
#b21064 rgb(178,16,100)
```

Analogous Color

#10b25e
```
#10b25e rgb(16,178,94)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#64b210
```
#64b210 rgb(100,178,16)
```

Split Complementary Color

#10b2af
```
#10b2af rgb(16,178,175)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#b2af10
```
#b2af10 rgb(178,175,16)
```

Triadic Color

#1013b2
```
#1013b2 rgb(16,19,178)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#b2af10
```
#b2af10 rgb(178,175,16)
```
#13b210
```
#13b210 rgb(19,178,16)
```

Tetradic Color

#6a0a6c
```
#6a0a6c rgb(106,10,108)
```
#810c83
```
#810c83 rgb(129,12,131)
```
#980e9b
```
#980e9b rgb(152,14,155)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#c612c9
```
#c612c9 rgb(198,18,201)
```
#dd14e1
```
#dd14e1 rgb(221,20,225)
```
#e823eb
```
#e823eb rgb(232,35,235)
```

Monochromatic Color

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

#8710b2
```
#8710b2 rgb(135,16,178)
```
#9410b2
```
#9410b2 rgb(148,16,178)
```
#a210b2
```
#a210b2 rgb(162,16,178)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#b210a8
```
#b210a8 rgb(178,16,168)
```
#b2109a
```
#b2109a rgb(178,16,154)
```
#b2108d
```
#b2108d rgb(178,16,141)
```

Similar Colors

Text with hexadecimal color #af10b2

This text has a font color of #af10b2.

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

#af10b2 background color

This paragraph has a background color of #af10b2.

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

#af10b2 border color

This element has a border color of #af10b2.

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

CSS codes

.text {color:#af10b2;}

.background {background-color:#af10b2;}

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

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

#100110
```
#100110 rgb(16,1,16)
```
#210322
```
#210322 rgb(33,3,34)
```
#330534
```
#330534 rgb(51,5,52)
```
#450646
```
#450646 rgb(69,6,70)
```
#570858
```
#570858 rgb(87,8,88)
```
#680a6a
```
#680a6a rgb(104,10,106)
```
#7a0b7c
```
#7a0b7c rgb(122,11,124)
```
#8c0d8e
```
#8c0d8e rgb(140,13,142)
```
#9d0ea0
```
#9d0ea0 rgb(157,14,160)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#c112c4
```
#c112c4 rgb(193,18,196)
```
#d213d6
```
#d213d6 rgb(210,19,214)
```
#e415e8
```
#e415e8 rgb(228,21,232)
```

Shade Color Variation

#e825eb
```
#e825eb rgb(232,37,235)
```
#ea37ed
```
#ea37ed rgb(234,55,237)
```
#ec49ef
```
#ec49ef rgb(236,73,239)
```
#ed5bf0
```
#ed5bf0 rgb(237,91,240)
```
#ef6df2
```
#ef6df2 rgb(239,109,242)
```
#f17ff3
```
#f17ff3 rgb(241,127,243)
```
#f391f5
```
#f391f5 rgb(243,145,245)
```
#f5a3f7
```
#f5a3f7 rgb(245,163,247)
```
#f7b5f8
```
#f7b5f8 rgb(247,181,248)
```
#f9c7fa
```
#f9c7fa rgb(249,199,250)
```
#fbd9fc
```
#fbd9fc rgb(251,217,252)
```
#fdebfd
```
#fdebfd rgb(253,235,253)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#675b67
```
#675b67 rgb(103,91,103)
```
#6e536f
```
#6e536f rgb(110,83,111)
```
#764c76
```
#764c76 rgb(118,76,118)
```
#7d447e
```
#7d447e rgb(125,68,126)
```
#843d85
```
#843d85 rgb(132,61,133)
```
#8b358d
```
#8b358d rgb(139,53,141)
```
#922e94
```
#922e94 rgb(146,46,148)
```
#99269c
```
#99269c rgb(153,38,156)
```
#a11fa3
```
#a11fa3 rgb(161,31,163)
```
#a817ab
```
#a817ab rgb(168,23,171)
```
#af10b2
```
#af10b2 rgb(175,16,178)
```
#b609b9
```
#b609b9 rgb(182,9,185)
```
#bd01c1
```
#bd01c1 rgb(189,1,193)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#476ca5 Deuteranopia 1% of men
#a75055 Tritanopia 0.001% of the population

Trichromacy

#3f48c2 Protanomaly 1% of men, 0.01% of women
#6d4aa9 Deuteranomaly 6% of men, 0.4% of women
#aa3876 Tritanomaly 0.01% of the population

#af10b2 hex color

#af10b2 Color Information

#af10b2 Color Conversion

Color Schemes with #af10b2

Alternatives to #af10b2

#af10b2 Preview

Shades and Tints of #af10b2

Tones of #af10b2

Color Blindness Simulator