#af18dd hex color

In a RGB color space, hex #af18dd is composed of 68.6% red, 9.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 89.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 286 degrees, a saturation of 80.4% and a lightness of 48%. #af18dd color hex could be obtained by blending #ff30ff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af18dd color description : Vivid magenta.

The hexadecimal color #af18dd has RGB values of R:175, G:24, B:221 and CMYK values of C:0.21, M:0.89, Y:0, K:0.13. Its decimal value is 11475165.

Hex triplet	af18dd	`#af18dd`
RGB Decimal	175, 24, 221	`rgb(175,24,221)`
RGB Percent	68.6, 9.4, 86.7	`rgb(68.6%,9.4%,86.7%)`
CMYK	21, 89, 0, 13
HSL	286°, 80.4, 48	`hsl(286,80.4%,48%)`
HSV (or HSB)	286°, 89.1, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.619, 78.779, -66.094
XYZ	31.055, 14.989, 69.66
xyY	0.268, 0.13, 14.989
CIE-LCH	45.619, 102.833, 320.004
CIE-LUV	45.619, 41.144, -105.649
Hunter-Lab	38.716, 75.43, -79.578
Binary	10101111, 00011000, 11011101

#af18dd
```
#af18dd rgb(175,24,221)
```
#46dd18
```
#46dd18 rgb(70,221,24)
```

Complementary Color

#4d18dd
```
#4d18dd rgb(77,24,221)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#dd18a9
```
#dd18a9 rgb(221,24,169)
```

Analogous Color

#18dd4d
```
#18dd4d rgb(24,221,77)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#a9dd18
```
#a9dd18 rgb(169,221,24)
```

Split Complementary Color

#18ddaf
```
#18ddaf rgb(24,221,175)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#ddaf18
```
#ddaf18 rgb(221,175,24)
```

Triadic Color

#1846dd
```
#1846dd rgb(24,70,221)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#ddaf18
```
#ddaf18 rgb(221,175,24)
```
#46dd18
```
#46dd18 rgb(70,221,24)
```

Tetradic Color

#781198
```
#781198 rgb(120,17,152)
```
#8b13af
```
#8b13af rgb(139,19,175)
```
#9d16c6
```
#9d16c6 rgb(157,22,198)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#bb27e8
```
#bb27e8 rgb(187,39,232)
```
#c23eea
```
#c23eea rgb(194,62,234)
```
#c955ed
```
#c955ed rgb(201,85,237)
```

Monochromatic Color

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

#7e18dd
```
#7e18dd rgb(126,24,221)
```
#8e18dd
```
#8e18dd rgb(142,24,221)
```
#9f18dd
```
#9f18dd rgb(159,24,221)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#bf18dd
```
#bf18dd rgb(191,24,221)
```
#d018dd
```
#d018dd rgb(208,24,221)
```
#dd18da
```
#dd18da rgb(221,24,218)
```

Similar Colors

Text with hexadecimal color #af18dd

This text has a font color of #af18dd.

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

#af18dd background color

This paragraph has a background color of #af18dd.

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

#af18dd border color

This element has a border color of #af18dd.

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

CSS codes

.text {color:#af18dd;}

.background {background-color:#af18dd;}

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

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

#070109
```
#070109 rgb(7,1,9)
```
#15031a
```
#15031a rgb(21,3,26)
```
#23052c
```
#23052c rgb(35,5,44)
```
#31073e
```
#31073e rgb(49,7,62)
```
#3f094f
```
#3f094f rgb(63,9,79)
```
#4d0b61
```
#4d0b61 rgb(77,11,97)
```
#5b0c73
```
#5b0c73 rgb(91,12,115)
```
#690e85
```
#690e85 rgb(105,14,133)
```
#771096
```
#771096 rgb(119,16,150)
```
#8512a8
```
#8512a8 rgb(133,18,168)
```
#9314ba
```
#9314ba rgb(147,20,186)
```
#a116cb
```
#a116cb rgb(161,22,203)
```
#af18dd
```
#af18dd rgb(175,24,221)
```

Shade Color Variation

#b922e7
```
#b922e7 rgb(185,34,231)
```
#be33e9
```
#be33e9 rgb(190,51,233)
```
#c445eb
```
#c445eb rgb(196,69,235)
```
#ca57ed
```
#ca57ed rgb(202,87,237)
```
#cf68ef
```
#cf68ef rgb(207,104,239)
```
#d57af1
```
#d57af1 rgb(213,122,241)
```
#db8cf2
```
#db8cf2 rgb(219,140,242)
```
#e09ef4
```
#e09ef4 rgb(224,158,244)
```
#e6aff6
```
#e6aff6 rgb(230,175,246)
```
#ebc1f8
```
#ebc1f8 rgb(235,193,248)
```
#f1d3fa
```
#f1d3fa rgb(241,211,250)
```
#f7e4fc
```
#f7e4fc rgb(247,228,252)
```
#fcf6fe
```
#fcf6fe rgb(252,246,254)
```

Tint Color Variation

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

#7d767f
```
#7d767f rgb(125,118,127)
```
#826d88
```
#826d88 rgb(130,109,136)
```
#876392
```
#876392 rgb(135,99,146)
```
#8c5a9b
```
#8c5a9b rgb(140,90,155)
```
#9151a4
```
#9151a4 rgb(145,81,164)
```
#9647ae
```
#9647ae rgb(150,71,174)
```
#9b3eb7
```
#9b3eb7 rgb(155,62,183)
```
#a034c1
```
#a034c1 rgb(160,52,193)
```
#a52bca
```
#a52bca rgb(165,43,202)
```
#aa21d4
```
#aa21d4 rgb(170,33,212)
```
#af18dd
```
#af18dd rgb(175,24,221)
```
#b40fe6
```
#b40fe6 rgb(180,15,230)
```
#b905f0
```
#b905f0 rgb(185,5,240)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d4e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3f50db Protanomaly 1% of men, 0.01% of women
#3f53cc Deuteranomaly 6% of men, 0.4% of women
#a44793 Tritanomaly 0.01% of the population

#af18dd hex color

#af18dd Color Information

#af18dd Color Conversion

Color Schemes with #af18dd

Alternatives to #af18dd

#af18dd Preview

Shades and Tints of #af18dd

Tones of #af18dd

Color Blindness Simulator