#af18bf hex color

In a RGB color space, hex #af18bf is composed of 68.6% red, 9.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 87.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 294.3 degrees, a saturation of 77.7% and a lightness of 42.2%. #af18bf color hex could be obtained by blending #ff30ff with #5f007f. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 9
- B 75
RGB color chart
- C 8
- M 87
- Y 0
- K 25
CMYK color chart

● #af18bf color description : Strong magenta.

The hexadecimal color #af18bf has RGB values of R:175, G:24, B:191 and CMYK values of C:0.08, M:0.87, Y:0, K:0.25. Its decimal value is 11475135.

Hex triplet	af18bf	`#af18bf`
RGB Decimal	175, 24, 191	`rgb(175,24,191)`
RGB Percent	68.6, 9.4, 74.9	`rgb(68.6%,9.4%,74.9%)`
CMYK	8, 87, 0, 25
HSL	294.3°, 77.7, 42.2	`hsl(294.3,77.7%,42.2%)`
HSV (or HSB)	294.3°, 87.4, 74.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.552, 73.646, -52.092
XYZ	27.409, 13.53, 50.455
xyY	0.3, 0.148, 13.53
CIE-LCH	43.552, 90.207, 324.727
CIE-LUV	43.552, 50.597, -84.548
Hunter-Lab	36.784, 68.636, -55.578
Binary	10101111, 00011000, 10111111

#af18bf
```
#af18bf rgb(175,24,191)
```
#28bf18
```
#28bf18 rgb(40,191,24)
```

Complementary Color

#5c18bf
```
#5c18bf rgb(92,24,191)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#bf187c
```
#bf187c rgb(191,24,124)
```

Analogous Color

#18bf5c
```
#18bf5c rgb(24,191,92)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#7cbf18
```
#7cbf18 rgb(124,191,24)
```

Split Complementary Color

#18bfaf
```
#18bfaf rgb(24,191,175)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#bfaf18
```
#bfaf18 rgb(191,175,24)
```

Triadic Color

#1828bf
```
#1828bf rgb(24,40,191)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#bfaf18
```
#bfaf18 rgb(191,175,24)
```
#28bf18
```
#28bf18 rgb(40,191,24)
```

Tetradic Color

#710f7b
```
#710f7b rgb(113,15,123)
```
#851292
```
#851292 rgb(133,18,146)
```
#9a15a8
```
#9a15a8 rgb(154,21,168)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#c41bd6
```
#c41bd6 rgb(196,27,214)
```
#d226e4
```
#d226e4 rgb(210,38,228)
```
#d63de7
```
#d63de7 rgb(214,61,231)
```

Monochromatic Color

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

#8518bf
```
#8518bf rgb(133,24,191)
```
#9318bf
```
#9318bf rgb(147,24,191)
```
#a118bf
```
#a118bf rgb(161,24,191)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#bd18bf
```
#bd18bf rgb(189,24,191)
```
#bf18b3
```
#bf18b3 rgb(191,24,179)
```
#bf18a5
```
#bf18a5 rgb(191,24,165)
```

Similar Colors

Text with hexadecimal color #af18bf

This text has a font color of #af18bf.

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

#af18bf background color

This paragraph has a background color of #af18bf.

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

#af18bf border color

This element has a border color of #af18bf.

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

CSS codes

.text {color:#af18bf;}

.background {background-color:#af18bf;}

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

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

#0f0211
```
#0f0211 rgb(15,2,17)
```
#1f0422
```
#1f0422 rgb(31,4,34)
```
#2f0634
```
#2f0634 rgb(47,6,52)
```
#3f0945
```
#3f0945 rgb(63,9,69)
```
#4f0b56
```
#4f0b56 rgb(79,11,86)
```
#5f0d68
```
#5f0d68 rgb(95,13,104)
```
#6f0f79
```
#6f0f79 rgb(111,15,121)
```
#7f118b
```
#7f118b rgb(127,17,139)
```
#8f149c
```
#8f149c rgb(143,20,156)
```
#9f16ae
```
#9f16ae rgb(159,22,174)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#bf1ad0
```
#bf1ad0 rgb(191,26,208)
```
#cf1ce2
```
#cf1ce2 rgb(207,28,226)
```

Shade Color Variation

#d32de5
```
#d32de5 rgb(211,45,229)
```
#d73fe7
```
#d73fe7 rgb(215,63,231)
```
#da50e9
```
#da50e9 rgb(218,80,233)
```
#de61eb
```
#de61eb rgb(222,97,235)
```
#e273ed
```
#e273ed rgb(226,115,237)
```
#e584f0
```
#e584f0 rgb(229,132,240)
```
#e996f2
```
#e996f2 rgb(233,150,242)
```
#eda7f4
```
#eda7f4 rgb(237,167,244)
```
#f0b9f6
```
#f0b9f6 rgb(240,185,246)
```
#f4caf8
```
#f4caf8 rgb(244,202,248)
```
#f8dbfb
```
#f8dbfb rgb(248,219,251)
```
#fbedfd
```
#fbedfd rgb(251,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6c6b6c
```
#6c6b6c rgb(108,107,108)
```
#736275
```
#736275 rgb(115,98,117)
```
#7a5a7d
```
#7a5a7d rgb(122,90,125)
```
#805285
```
#805285 rgb(128,82,133)
```
#874a8d
```
#874a8d rgb(135,74,141)
```
#8e4196
```
#8e4196 rgb(142,65,150)
```
#94399e
```
#94399e rgb(148,57,158)
```
#9b31a6
```
#9b31a6 rgb(155,49,166)
```
#a229ae
```
#a229ae rgb(162,41,174)
```
#a820b7
```
#a820b7 rgb(168,32,183)
```
#af18bf
```
#af18bf rgb(175,24,191)
```
#b610c7
```
#b610c7 rgb(182,16,199)
```
#bc07d0
```
#bc07d0 rgb(188,7,208)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#3c6fb0 Deuteranopia 1% of men
#a5565c Tritanopia 0.001% of the population

Trichromacy

#3f4dcb Protanomaly 1% of men, 0.01% of women
#664fb6 Deuteranomaly 6% of men, 0.4% of women
#a84080 Tritanomaly 0.01% of the population

#af18bf hex color

#af18bf Color Information

#af18bf Color Conversion

Color Schemes with #af18bf

Alternatives to #af18bf

#af18bf Preview

Shades and Tints of #af18bf

Tones of #af18bf

Color Blindness Simulator