colorhexa.com

#af18df hex color

In a RGB color space, hex #af18df is composed of 68.6% red, 9.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 89.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 285.5 degrees, a saturation of 80.6% and a lightness of 48.4%. #af18df color hex could be obtained by blending #ff30ff with #5f00bf. Closest websafe color is: #9900cc.

- R 69
- G 9
- B 87
RGB color chart
- C 22
- M 89
- Y 0
- K 13
CMYK color chart

● #af18df color description : Vivid magenta.

The hexadecimal color #af18df has RGB values of R:175, G:24, B:223 and CMYK values of C:0.22, M:0.89, Y:0, K:0.13. Its decimal value is 11475167.

Hex triplet	af18df	`#af18df`
RGB Decimal	175, 24, 223	`rgb(175,24,223)`
RGB Percent	68.6, 9.4, 87.5	`rgb(68.6%,9.4%,87.5%)`
CMYK	22, 89, 0, 13
HSL	285.5°, 80.6, 48.4	`hsl(285.5,80.6%,48.4%)`
HSV (or HSB)	285.5°, 89.2, 87.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.766, 79.135, -66.998
XYZ	31.323, 15.096, 71.072
xyY	0.267, 0.128, 15.096
CIE-LCH	45.766, 103.687, 319.748
CIE-LUV	45.766, 40.568, -107.01
Hunter-Lab	38.854, 75.91, -81.256
Binary	10101111, 00011000, 11011111

#af18df
```
#af18df rgb(175,24,223)
```
#48df18
```
#48df18 rgb(72,223,24)
```

Complementary Color

#4c18df
```
#4c18df rgb(76,24,223)
```
#af18df
```
#af18df rgb(175,24,223)
```
#df18ac
```
#df18ac rgb(223,24,172)
```

Analogous Color

#18df4c
```
#18df4c rgb(24,223,76)
```
#af18df
```
#af18df rgb(175,24,223)
```
#acdf18
```
#acdf18 rgb(172,223,24)
```

Split Complementary Color

#18dfaf
```
#18dfaf rgb(24,223,175)
```
#af18df
```
#af18df rgb(175,24,223)
```
#dfaf18
```
#dfaf18 rgb(223,175,24)
```

Triadic Color

#1848df
```
#1848df rgb(24,72,223)
```
#af18df
```
#af18df rgb(175,24,223)
```
#dfaf18
```
#dfaf18 rgb(223,175,24)
```
#48df18
```
#48df18 rgb(72,223,24)
```

Tetradic Color

#79119a
```
#79119a rgb(121,17,154)
```
#8b13b1
```
#8b13b1 rgb(139,19,177)
```
#9d16c8
```
#9d16c8 rgb(157,22,200)
```
#af18df
```
#af18df rgb(175,24,223)
```
#ba29e8
```
#ba29e8 rgb(186,41,232)
```
#c140ea
```
#c140ea rgb(193,64,234)
```
#c957ed
```
#c957ed rgb(201,87,237)
```

Monochromatic Color

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

#7d18df
```
#7d18df rgb(125,24,223)
```
#8e18df
```
#8e18df rgb(142,24,223)
```
#9e18df
```
#9e18df rgb(158,24,223)
```
#af18df
```
#af18df rgb(175,24,223)
```
#c018df
```
#c018df rgb(192,24,223)
```
#d018df
```
#d018df rgb(208,24,223)
```
#df18dd
```
#df18dd rgb(223,24,221)
```

Similar Colors

Text with hexadecimal color #af18df

This text has a font color of #af18df.

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

#af18df background color

This paragraph has a background color of #af18df.

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

#af18df border color

This element has a border color of #af18df.

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

CSS codes

.text {color:#af18df;}

.background {background-color:#af18df;}

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

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

#08010a
```
#08010a rgb(8,1,10)
```
#16031c
```
#16031c rgb(22,3,28)
```
#24052e
```
#24052e rgb(36,5,46)
```
#320740
```
#320740 rgb(50,7,64)
```
#400951
```
#400951 rgb(64,9,81)
```
#4e0b63
```
#4e0b63 rgb(78,11,99)
```
#5c0d75
```
#5c0d75 rgb(92,13,117)
```
#6a0e86
```
#6a0e86 rgb(106,14,134)
```
#771098
```
#771098 rgb(119,16,152)
```
#8512aa
```
#8512aa rgb(133,18,170)
```
#9314bc
```
#9314bc rgb(147,20,188)
```
#a116cd
```
#a116cd rgb(161,22,205)
```
#af18df
```
#af18df rgb(175,24,223)
```

Shade Color Variation

#b823e7
```
#b823e7 rgb(184,35,231)
```
#be35e9
```
#be35e9 rgb(190,53,233)
```
#c347eb
```
#c347eb rgb(195,71,235)
```
#c958ed
```
#c958ed rgb(201,88,237)
```
#cf6aef
```
#cf6aef rgb(207,106,239)
```
#d57cf1
```
#d57cf1 rgb(213,124,241)
```
#da8ef3
```
#da8ef3 rgb(218,142,243)
```
#e09ff5
```
#e09ff5 rgb(224,159,245)
```
#e6b1f7
```
#e6b1f7 rgb(230,177,247)
```
#ecc3f9
```
#ecc3f9 rgb(236,195,249)
```
#f1d4fa
```
#f1d4fa rgb(241,212,250)
```
#f7e6fc
```
#f7e6fc rgb(247,230,252)
```
#fdf8fe
```
#fdf8fe rgb(253,248,254)
```

Tint Color Variation

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

#7e7780
```
#7e7780 rgb(126,119,128)
```
#836e8a
```
#836e8a rgb(131,110,138)
```
#886493
```
#886493 rgb(136,100,147)
```
#8d5b9d
```
#8d5b9d rgb(141,91,157)
```
#9151a6
```
#9151a6 rgb(145,81,166)
```
#9648b0
```
#9648b0 rgb(150,72,176)
```
#9b3eb9
```
#9b3eb9 rgb(155,62,185)
```
#a035c3
```
#a035c3 rgb(160,53,195)
```
#a52bcc
```
#a52bcc rgb(165,43,204)
```
#aa22d6
```
#aa22d6 rgb(170,34,214)
```
#af18df
```
#af18df rgb(175,24,223)
```
#b40fe9
```
#b40fe9 rgb(180,15,233)
```
#b905f2
```
#b905f2 rgb(185,5,242)
```

Tone Color Variation

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

#0070db Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#9e6369 Tritanopia 0.001% of the population

Trichromacy

#3f50dc Protanomaly 1% of men, 0.01% of women
#3f53cd Deuteranomaly 6% of men, 0.4% of women
#a44794 Tritanomaly 0.01% of the population