#af1fdd hex color

In a RGB color space, hex #af1fdd is composed of 68.6% red, 12.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 86% magenta, 0% yellow and 13.3% black. It has a hue angle of 285.5 degrees, a saturation of 75.4% and a lightness of 49.4%. #af1fdd color hex could be obtained by blending #ff3eff with #5f00bb. Closest websafe color is: #9933cc.

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

● #af1fdd color description : Vivid magenta.

The hexadecimal color #af1fdd has RGB values of R:175, G:31, B:221 and CMYK values of C:0.21, M:0.86, Y:0, K:0.13. Its decimal value is 11476957.

Hex triplet	af1fdd	`#af1fdd`
RGB Decimal	175, 31, 221	`rgb(175,31,221)`
RGB Percent	68.6, 12.2, 86.7	`rgb(68.6%,12.2%,86.7%)`
CMYK	21, 86, 0, 13
HSL	285.5°, 75.4, 49.4	`hsl(285.5,75.4%,49.4%)`
HSV (or HSB)	285.5°, 86, 86.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.064, 77.466, -65.373
XYZ	31.219, 15.316, 69.714
xyY	0.269, 0.132, 15.316
CIE-LCH	46.064, 101.363, 319.839
CIE-LUV	46.064, 40.598, -104.865
Hunter-Lab	39.135, 73.905, -78.223
Binary	10101111, 00011111, 11011101

#af1fdd
```
#af1fdd rgb(175,31,221)
```
#4ddd1f
```
#4ddd1f rgb(77,221,31)
```

Complementary Color

#501fdd
```
#501fdd rgb(80,31,221)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#dd1fac
```
#dd1fac rgb(221,31,172)
```

Analogous Color

#1fdd50
```
#1fdd50 rgb(31,221,80)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#acdd1f
```
#acdd1f rgb(172,221,31)
```

Split Complementary Color

#1fddaf
```
#1fddaf rgb(31,221,175)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#ddaf1f
```
#ddaf1f rgb(221,175,31)
```

Triadic Color

#1f4ddd
```
#1f4ddd rgb(31,77,221)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#ddaf1f
```
#ddaf1f rgb(221,175,31)
```
#4ddd1f
```
#4ddd1f rgb(77,221,31)
```

Tetradic Color

#7a169a
```
#7a169a rgb(122,22,154)
```
#8c19b0
```
#8c19b0 rgb(140,25,176)
```
#9d1cc7
```
#9d1cc7 rgb(157,28,199)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#b833e2
```
#b833e2 rgb(184,51,226)
```
#c049e6
```
#c049e6 rgb(192,73,230)
```
#c860e9
```
#c860e9 rgb(200,96,233)
```

Monochromatic Color

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

#801fdd
```
#801fdd rgb(128,31,221)
```
#8f1fdd
```
#8f1fdd rgb(143,31,221)
```
#9f1fdd
```
#9f1fdd rgb(159,31,221)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#bf1fdd
```
#bf1fdd rgb(191,31,221)
```
#cf1fdd
```
#cf1fdd rgb(207,31,221)
```
#dd1fdc
```
#dd1fdc rgb(221,31,220)
```

Similar Colors

Text with hexadecimal color #af1fdd

This text has a font color of #af1fdd.

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

#af1fdd background color

This paragraph has a background color of #af1fdd.

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

#af1fdd border color

This element has a border color of #af1fdd.

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

CSS codes

.text {color:#af1fdd;}

.background {background-color:#af1fdd;}

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

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

#0c020f
```
#0c020f rgb(12,2,15)
```
#190420
```
#190420 rgb(25,4,32)
```
#270731
```
#270731 rgb(39,7,49)
```
#340942
```
#340942 rgb(52,9,66)
```
#420c53
```
#420c53 rgb(66,12,83)
```
#500e65
```
#500e65 rgb(80,14,101)
```
#5d1176
```
#5d1176 rgb(93,17,118)
```
#6b1387
```
#6b1387 rgb(107,19,135)
```
#791598
```
#791598 rgb(121,21,152)
```
#8618a9
```
#8618a9 rgb(134,24,169)
```
#941abb
```
#941abb rgb(148,26,187)
```
#a11dcc
```
#a11dcc rgb(161,29,204)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```

Shade Color Variation

#b62ee2
```
#b62ee2 rgb(182,46,226)
```
#bc3fe4
```
#bc3fe4 rgb(188,63,228)
```
#c250e7
```
#c250e7 rgb(194,80,231)
```
#c862e9
```
#c862e9 rgb(200,98,233)
```
#ce73eb
```
#ce73eb rgb(206,115,235)
```
#d484ee
```
#d484ee rgb(212,132,238)
```
#da95f0
```
#da95f0 rgb(218,149,240)
```
#e0a6f3
```
#e0a6f3 rgb(224,166,243)
```
#e6b8f5
```
#e6b8f5 rgb(230,184,245)
```
#ecc9f7
```
#ecc9f7 rgb(236,201,247)
```
#f2dafa
```
#f2dafa rgb(242,218,250)
```
#f8ebfc
```
#f8ebfc rgb(248,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#827686
```
#827686 rgb(130,118,134)
```
#876d8f
```
#876d8f rgb(135,109,143)
```
#8c6399
```
#8c6399 rgb(140,99,153)
```
#9159a3
```
#9159a3 rgb(145,89,163)
```
#964fad
```
#964fad rgb(150,79,173)
```
#9b46b6
```
#9b46b6 rgb(155,70,182)
```
#a03cc0
```
#a03cc0 rgb(160,60,192)
```
#a532ca
```
#a532ca rgb(165,50,202)
```
#aa29d3
```
#aa29d3 rgb(170,41,211)
```
#af1fdd
```
#af1fdd rgb(175,31,221)
```
#b415e7
```
#b415e7 rgb(180,21,231)
```
#b90cf0
```
#b90cf0 rgb(185,12,240)
```
#be02fa
```
#be02fa rgb(190,2,250)
```

Tone Color Variation

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

#0071dc Protanopia 1% of men
#0076c4 Deuteranopia 1% of men
#9f636a Tritanopia 0.001% of the population

Trichromacy

#3f53dc Protanomaly 1% of men, 0.01% of women
#3f56cd Deuteranomaly 6% of men, 0.4% of women
#a54a94 Tritanomaly 0.01% of the population

#af1fdd hex color

#af1fdd Color Information

#af1fdd Color Conversion

Color Schemes with #af1fdd

Alternatives to #af1fdd

#af1fdd Preview

Shades and Tints of #af1fdd

Tones of #af1fdd

Color Blindness Simulator