#af10d4 hex color

In a RGB color space, hex #af10d4 is composed of 68.6% red, 6.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 92.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 288.7 degrees, a saturation of 86% and a lightness of 44.7%. #af10d4 color hex could be obtained by blending #ff20ff with #5f00a9. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 6
- B 83
RGB color chart
- C 17
- M 92
- Y 0
- K 17
CMYK color chart

● #af10d4 color description : Strong magenta.

The hexadecimal color #af10d4 has RGB values of R:175, G:16, B:212 and CMYK values of C:0.17, M:0.92, Y:0, K:0.17. Its decimal value is 11473108.

Hex triplet	af10d4	`#af10d4`
RGB Decimal	175, 16, 212	`rgb(175,16,212)`
RGB Percent	68.6, 6.3, 83.1	`rgb(68.6%,6.3%,83.1%)`
CMYK	17, 92, 0, 17
HSL	288.7°, 86, 44.7	`hsl(288.7,86%,44.7%)`
HSV (or HSB)	288.7°, 92.5, 83.1
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.574, 78.376, -62.628
XYZ	29.747, 14.239, 63.465
xyY	0.277, 0.133, 14.239
CIE-LCH	44.574, 100.324, 321.373
CIE-LUV	44.574, 44.325, -100.171
Hunter-Lab	37.735, 74.676, -73.303
Binary	10101111, 00010000, 11010100

#af10d4
```
#af10d4 rgb(175,16,212)
```
#35d410
```
#35d410 rgb(53,212,16)
```

Complementary Color

#4d10d4
```
#4d10d4 rgb(77,16,212)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#d41097
```
#d41097 rgb(212,16,151)
```

Analogous Color

#10d44d
```
#10d44d rgb(16,212,77)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#97d410
```
#97d410 rgb(151,212,16)
```

Split Complementary Color

#10d4af
```
#10d4af rgb(16,212,175)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#d4af10
```
#d4af10 rgb(212,175,16)
```

Triadic Color

#1035d4
```
#1035d4 rgb(16,53,212)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#d4af10
```
#d4af10 rgb(212,175,16)
```
#35d410
```
#35d410 rgb(53,212,16)
```

Tetradic Color

#740b8d
```
#740b8d rgb(116,11,141)
```
#880ca5
```
#880ca5 rgb(136,12,165)
```
#9b0ebc
```
#9b0ebc rgb(155,14,188)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#c312ec
```
#c312ec rgb(195,18,236)
```
#c928ef
```
#c928ef rgb(201,40,239)
```
#cf40f1
```
#cf40f1 rgb(207,64,241)
```

Monochromatic Color

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

#7e10d4
```
#7e10d4 rgb(126,16,212)
```
#8e10d4
```
#8e10d4 rgb(142,16,212)
```
#9f10d4
```
#9f10d4 rgb(159,16,212)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#bf10d4
```
#bf10d4 rgb(191,16,212)
```
#d010d4
```
#d010d4 rgb(208,16,212)
```
#d410c8
```
#d410c8 rgb(212,16,200)
```

Similar Colors

Text with hexadecimal color #af10d4

This text has a font color of #af10d4.

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

#af10d4 background color

This paragraph has a background color of #af10d4.

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

#af10d4 border color

This element has a border color of #af10d4.

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

CSS codes

.text {color:#af10d4;}

.background {background-color:#af10d4;}

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

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, #09010b is the darkest color, while #fdf8fe is the lightest one.

#09010b
```
#09010b rgb(9,1,11)
```
#18021e
```
#18021e rgb(24,2,30)
```
#270430
```
#270430 rgb(39,4,48)
```
#370542
```
#370542 rgb(55,5,66)
```
#460654
```
#460654 rgb(70,6,84)
```
#550867
```
#550867 rgb(85,8,103)
```
#640979
```
#640979 rgb(100,9,121)
```
#730a8b
```
#730a8b rgb(115,10,139)
```
#820c9d
```
#820c9d rgb(130,12,157)
```
#910db0
```
#910db0 rgb(145,13,176)
```
#a00fc2
```
#a00fc2 rgb(160,15,194)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#be11e6
```
#be11e6 rgb(190,17,230)
```

Shade Color Variation

#c71dee
```
#c71dee rgb(199,29,238)
```
#cb30ef
```
#cb30ef rgb(203,48,239)
```
#d042f1
```
#d042f1 rgb(208,66,241)
```
#d454f2
```
#d454f2 rgb(212,84,242)
```
#d966f3
```
#d966f3 rgb(217,102,243)
```
#dd78f5
```
#dd78f5 rgb(221,120,245)
```
#e28bf6
```
#e28bf6 rgb(226,139,246)
```
#e69df8
```
#e69df8 rgb(230,157,248)
```
#ebaff9
```
#ebaff9 rgb(235,175,249)
```
#f0c1fa
```
#f0c1fa rgb(240,193,250)
```
#f4d4fc
```
#f4d4fc rgb(244,212,252)
```
#f9e6fd
```
#f9e6fd rgb(249,230,253)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#737074
```
#737074 rgb(115,112,116)
```
#78687c
```
#78687c rgb(120,104,124)
```
#7e5f85
```
#7e5f85 rgb(126,95,133)
```
#83568e
```
#83568e rgb(131,86,142)
```
#894d97
```
#894d97 rgb(137,77,151)
```
#8e459f
```
#8e459f rgb(142,69,159)
```
#943ca8
```
#943ca8 rgb(148,60,168)
```
#9933b1
```
#9933b1 rgb(153,51,177)
```
#9f2aba
```
#9f2aba rgb(159,42,186)
```
#a422c2
```
#a422c2 rgb(164,34,194)
```
#aa19cb
```
#aa19cb rgb(170,25,203)
```
#af10d4
```
#af10d4 rgb(175,16,212)
```
#b407dd
```
#b407dd rgb(180,7,221)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#68486f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#a05d63 Tritanopia 0.001% of the population

Trichromacy

#3f4bd5 Protanomaly 1% of men, 0.01% of women
#3f4fc7 Deuteranomaly 6% of men, 0.4% of women
#a6418c Tritanomaly 0.01% of the population

#af10d4 hex color

#af10d4 Color Information

#af10d4 Color Conversion

Color Schemes with #af10d4

Alternatives to #af10d4

#af10d4 Preview

Shades and Tints of #af10d4

Tones of #af10d4

Color Blindness Simulator