#af1fdf hex color

In a RGB color space, hex #af1fdf is composed of 68.6% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 86.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 285 degrees, a saturation of 75.6% and a lightness of 49.8%. #af1fdf color hex could be obtained by blending #ff3eff with #5f00bf. Closest websafe color is: #9933cc.

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

● #af1fdf color description : Vivid magenta.

The hexadecimal color #af1fdf has RGB values of R:175, G:31, B:223 and CMYK values of C:0.22, M:0.86, Y:0, K:0.13. Its decimal value is 11476959.

Hex triplet	af1fdf	`#af1fdf`
RGB Decimal	175, 31, 223	`rgb(175,31,223)`
RGB Percent	68.6, 12.2, 87.5	`rgb(68.6%,12.2%,87.5%)`
CMYK	22, 86, 0, 13
HSL	285°, 75.6, 49.8	`hsl(285,75.6%,49.8%)`
HSV (or HSB)	285°, 86.1, 87.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.208, 77.828, -66.28
XYZ	31.487, 15.423, 71.126
xyY	0.267, 0.131, 15.423
CIE-LCH	46.208, 102.226, 319.582
CIE-LUV	46.208, 40.03, -106.238
Hunter-Lab	39.272, 74.388, -79.891
Binary	10101111, 00011111, 11011111

#af1fdf
```
#af1fdf rgb(175,31,223)
```
#4fdf1f
```
#4fdf1f rgb(79,223,31)
```

Complementary Color

#4f1fdf
```
#4f1fdf rgb(79,31,223)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#df1faf
```
#df1faf rgb(223,31,175)
```

Analogous Color

#1fdf4f
```
#1fdf4f rgb(31,223,79)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#afdf1f
```
#afdf1f rgb(175,223,31)
```

Split Complementary Color

#1fdfaf
```
#1fdfaf rgb(31,223,175)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#dfaf1f
```
#dfaf1f rgb(223,175,31)
```

Triadic Color

#1f4fdf
```
#1f4fdf rgb(31,79,223)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#dfaf1f
```
#dfaf1f rgb(223,175,31)
```
#4fdf1f
```
#4fdf1f rgb(79,223,31)
```

Tetradic Color

#7a169c
```
#7a169c rgb(122,22,156)
```
#8c19b2
```
#8c19b2 rgb(140,25,178)
```
#9d1cc9
```
#9d1cc9 rgb(157,28,201)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#b735e3
```
#b735e3 rgb(183,53,227)
```
#bf4be6
```
#bf4be6 rgb(191,75,230)
```
#c761e9
```
#c761e9 rgb(199,97,233)
```

Monochromatic Color

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

#7f1fdf
```
#7f1fdf rgb(127,31,223)
```
#8f1fdf
```
#8f1fdf rgb(143,31,223)
```
#9f1fdf
```
#9f1fdf rgb(159,31,223)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#bf1fdf
```
#bf1fdf rgb(191,31,223)
```
#cf1fdf
```
#cf1fdf rgb(207,31,223)
```
#df1fdf
```
#df1fdf rgb(223,31,223)
```

Similar Colors

Text with hexadecimal color #af1fdf

This text has a font color of #af1fdf.

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

#af1fdf background color

This paragraph has a background color of #af1fdf.

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

#af1fdf border color

This element has a border color of #af1fdf.

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

CSS codes

.text {color:#af1fdf;}

.background {background-color:#af1fdf;}

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

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, #0d0210 is the darkest color, while #fffeff is the lightest one.

#0d0210
```
#0d0210 rgb(13,2,16)
```
#1a0522
```
#1a0522 rgb(26,5,34)
```
#280733
```
#280733 rgb(40,7,51)
```
#350944
```
#350944 rgb(53,9,68)
```
#430c55
```
#430c55 rgb(67,12,85)
```
#500e66
```
#500e66 rgb(80,14,102)
```
#5e1178
```
#5e1178 rgb(94,17,120)
```
#6b1389
```
#6b1389 rgb(107,19,137)
```
#79159a
```
#79159a rgb(121,21,154)
```
#8618ab
```
#8618ab rgb(134,24,171)
```
#941abd
```
#941abd rgb(148,26,189)
```
#a11dce
```
#a11dce rgb(161,29,206)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```

Shade Color Variation

#b52fe2
```
#b52fe2 rgb(181,47,226)
```
#bc41e5
```
#bc41e5 rgb(188,65,229)
```
#c252e7
```
#c252e7 rgb(194,82,231)
```
#c863e9
```
#c863e9 rgb(200,99,233)
```
#ce74ec
```
#ce74ec rgb(206,116,236)
```
#d486ee
```
#d486ee rgb(212,134,238)
```
#da97f1
```
#da97f1 rgb(218,151,241)
```
#e0a8f3
```
#e0a8f3 rgb(224,168,243)
```
#e6b9f5
```
#e6b9f5 rgb(230,185,245)
```
#eccaf8
```
#eccaf8 rgb(236,202,248)
```
#f2dcfa
```
#f2dcfa rgb(242,220,250)
```
#f9edfc
```
#f9edfc rgb(249,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#837787
```
#837787 rgb(131,119,135)
```
#886d91
```
#886d91 rgb(136,109,145)
```
#8d639b
```
#8d639b rgb(141,99,155)
```
#925aa4
```
#925aa4 rgb(146,90,164)
```
#9750ae
```
#9750ae rgb(151,80,174)
```
#9b46b8
```
#9b46b8 rgb(155,70,184)
```
#a03cc2
```
#a03cc2 rgb(160,60,194)
```
#a533cb
```
#a533cb rgb(165,51,203)
```
#aa29d5
```
#aa29d5 rgb(170,41,213)
```
#af1fdf
```
#af1fdf rgb(175,31,223)
```
#b415e9
```
#b415e9 rgb(180,21,233)
```
#b90bf3
```
#b90bf3 rgb(185,11,243)
```
#be02fc
```
#be02fc rgb(190,2,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#705379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#9e646b Tritanopia 0.001% of the population

Trichromacy

#3f53dd Protanomaly 1% of men, 0.01% of women
#3f57ce Deuteranomaly 6% of men, 0.4% of women
#a44b95 Tritanomaly 0.01% of the population

#af1fdf hex color

#af1fdf Color Information

#af1fdf Color Conversion

Color Schemes with #af1fdf

Alternatives to #af1fdf

#af1fdf Preview

Shades and Tints of #af1fdf

Tones of #af1fdf

Color Blindness Simulator