#af14df hex color

In a RGB color space, hex #af14df is composed of 68.6% red, 7.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 91% magenta, 0% yellow and 12.5% black. It has a hue angle of 285.8 degrees, a saturation of 83.5% and a lightness of 47.6%. #af14df color hex could be obtained by blending #ff28ff with #5f00bf. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 8
- B 87
RGB color chart
- C 22
- M 91
- Y 0
- K 13
CMYK color chart

● #af14df color description : Vivid magenta.

The hexadecimal color #af14df has RGB values of R:175, G:20, B:223 and CMYK values of C:0.22, M:0.91, Y:0, K:0.13. Its decimal value is 11474143.

Hex triplet	af14df	`#af14df`
RGB Decimal	175, 20, 223	`rgb(175,20,223)`
RGB Percent	68.6, 7.8, 87.5	`rgb(68.6%,7.8%,87.5%)`
CMYK	22, 91, 0, 13
HSL	285.8°, 83.5, 47.6	`hsl(285.8,83.5%,47.6%)`
HSV (or HSB)	285.8°, 91, 87.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.556, 79.756, -67.338
XYZ	31.247, 14.943, 71.046
xyY	0.267, 0.127, 14.943
CIE-LCH	45.556, 104.381, 319.826
CIE-LUV	45.556, 40.819, -107.368
Hunter-Lab	38.657, 76.637, -81.909
Binary	10101111, 00010100, 11011111

#af14df
```
#af14df rgb(175,20,223)
```
#44df14
```
#44df14 rgb(68,223,20)
```

Complementary Color

#4914df
```
#4914df rgb(73,20,223)
```
#af14df
```
#af14df rgb(175,20,223)
```
#df14aa
```
#df14aa rgb(223,20,170)
```

Analogous Color

#14df4a
```
#14df4a rgb(20,223,74)
```
#af14df
```
#af14df rgb(175,20,223)
```
#aadf14
```
#aadf14 rgb(170,223,20)
```

Split Complementary Color

#14dfaf
```
#14dfaf rgb(20,223,175)
```
#af14df
```
#af14df rgb(175,20,223)
```
#dfaf14
```
#dfaf14 rgb(223,175,20)
```

Triadic Color

#1444df
```
#1444df rgb(20,68,223)
```
#af14df
```
#af14df rgb(175,20,223)
```
#dfaf14
```
#dfaf14 rgb(223,175,20)
```
#44df14
```
#44df14 rgb(68,223,20)
```

Tetradic Color

#780e99
```
#780e99 rgb(120,14,153)
```
#8a10b0
```
#8a10b0 rgb(138,16,176)
```
#9d12c8
```
#9d12c8 rgb(157,18,200)
```
#af14df
```
#af14df rgb(175,20,223)
```
#bb21eb
```
#bb21eb rgb(187,33,235)
```
#c339ed
```
#c339ed rgb(195,57,237)
```
#ca50ef
```
#ca50ef rgb(202,80,239)
```

Monochromatic Color

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

#7c14df
```
#7c14df rgb(124,20,223)
```
#8d14df
```
#8d14df rgb(141,20,223)
```
#9e14df
```
#9e14df rgb(158,20,223)
```
#af14df
```
#af14df rgb(175,20,223)
```
#c014df
```
#c014df rgb(192,20,223)
```
#d114df
```
#d114df rgb(209,20,223)
```
#df14dc
```
#df14dc rgb(223,20,220)
```

Similar Colors

Text with hexadecimal color #af14df

This text has a font color of #af14df.

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

#af14df background color

This paragraph has a background color of #af14df.

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

#af14df border color

This element has a border color of #af14df.

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

CSS codes

.text {color:#af14df;}

.background {background-color:#af14df;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#140219
```
#140219 rgb(20,2,25)
```
#22042b
```
#22042b rgb(34,4,43)
```
#30053d
```
#30053d rgb(48,5,61)
```
#3e074f
```
#3e074f rgb(62,7,79)
```
#4c0961
```
#4c0961 rgb(76,9,97)
```
#5a0a73
```
#5a0a73 rgb(90,10,115)
```
#680c85
```
#680c85 rgb(104,12,133)
```
#760e97
```
#760e97 rgb(118,14,151)
```
#850fa9
```
#850fa9 rgb(133,15,169)
```
#9311bb
```
#9311bb rgb(147,17,187)
```
#a112cd
```
#a112cd rgb(161,18,205)
```
#af14df
```
#af14df rgb(175,20,223)
```

Shade Color Variation

#ba1ceb
```
#ba1ceb rgb(186,28,235)
```
#bf2eec
```
#bf2eec rgb(191,46,236)
```
#c540ee
```
#c540ee rgb(197,64,238)
```
#ca52ef
```
#ca52ef rgb(202,82,239)
```
#d064f1
```
#d064f1 rgb(208,100,241)
```
#d576f3
```
#d576f3 rgb(213,118,243)
```
#db88f4
```
#db88f4 rgb(219,136,244)
```
#e09af6
```
#e09af6 rgb(224,154,246)
```
#e6acf8
```
#e6acf8 rgb(230,172,248)
```
#ebbef9
```
#ebbef9 rgb(235,190,249)
```
#f1d0fb
```
#f1d0fb rgb(241,208,251)
```
#f6e2fc
```
#f6e2fc rgb(246,226,252)
```
#fcf4fe
```
#fcf4fe rgb(252,244,254)
```

Tint Color Variation

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

#7e7182
```
#7e7182 rgb(126,113,130)
```
#83688b
```
#83688b rgb(131,104,139)
```
#885f94
```
#885f94 rgb(136,95,148)
```
#8d559e
```
#8d559e rgb(141,85,158)
```
#914ca7
```
#914ca7 rgb(145,76,167)
```
#9643b0
```
#9643b0 rgb(150,67,176)
```
#9b39ba
```
#9b39ba rgb(155,57,186)
```
#a030c3
```
#a030c3 rgb(160,48,195)
```
#a527cc
```
#a527cc rgb(165,39,204)
```
#aa1dd6
```
#aa1dd6 rgb(170,29,214)
```
#af14df
```
#af14df rgb(175,20,223)
```
#b40be8
```
#b40be8 rgb(180,11,232)
```
#b901f2
```
#b901f2 rgb(185,1,242)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#9e6269 Tritanopia 0.001% of the population

Trichromacy

#3f4edc Protanomaly 1% of men, 0.01% of women
#3f52cc Deuteranomaly 6% of men, 0.4% of women
#a44593 Tritanomaly 0.01% of the population

#af14df hex color

#af14df Color Information

#af14df Color Conversion

Color Schemes with #af14df

Alternatives to #af14df

#af14df Preview

Shades and Tints of #af14df

Tones of #af14df

Color Blindness Simulator