#af18e6 hex color

In a RGB color space, hex #af18e6 is composed of 68.6% red, 9.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 89.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 284 degrees, a saturation of 81.1% and a lightness of 49.8%. #af18e6 color hex could be obtained by blending #ff30ff with #5f00cd. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 9
- B 90
RGB color chart
- C 24
- M 90
- Y 0
- K 10
CMYK color chart

● #af18e6 color description : Vivid violet.

The hexadecimal color #af18e6 has RGB values of R:175, G:24, B:230 and CMYK values of C:0.24, M:0.9, Y:0, K:0.1. Its decimal value is 11475174.

Hex triplet	af18e6	`#af18e6`
RGB Decimal	175, 24, 230	`rgb(175,24,230)`
RGB Percent	68.6, 9.4, 90.2	`rgb(68.6%,9.4%,90.2%)`
CMYK	24, 90, 0, 10
HSL	284°, 81.1, 49.8	`hsl(284,81.1%,49.8%)`
HSV (or HSB)	284°, 89.6, 90.2
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.287, 80.394, -70.134
XYZ	32.287, 15.482, 76.146
xyY	0.261, 0.125, 15.482
CIE-LCH	46.287, 106.686, 318.899
CIE-LUV	46.287, 38.601, -111.73
Hunter-Lab	39.347, 77.616, -87.199
Binary	10101111, 00011000, 11100110

#af18e6
```
#af18e6 rgb(175,24,230)
```
#4fe618
```
#4fe618 rgb(79,230,24)
```

Complementary Color

#4818e6
```
#4818e6 rgb(72,24,230)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#e618b6
```
#e618b6 rgb(230,24,182)
```

Analogous Color

#18e648
```
#18e648 rgb(24,230,72)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#b6e618
```
#b6e618 rgb(182,230,24)
```

Split Complementary Color

#18e6af
```
#18e6af rgb(24,230,175)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#e6af18
```
#e6af18 rgb(230,175,24)
```

Triadic Color

#184fe6
```
#184fe6 rgb(24,79,230)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#e6af18
```
#e6af18 rgb(230,175,24)
```
#4fe618
```
#4fe618 rgb(79,230,24)
```

Tetradic Color

#7a11a1
```
#7a11a1 rgb(122,17,161)
```
#8c13b8
```
#8c13b8 rgb(140,19,184)
```
#9d16cf
```
#9d16cf rgb(157,22,207)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#b72ee9
```
#b72ee9 rgb(183,46,233)
```
#bf45ec
```
#bf45ec rgb(191,69,236)
```
#c75cee
```
#c75cee rgb(199,92,238)
```

Monochromatic Color

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

#7c18e6
```
#7c18e6 rgb(124,24,230)
```
#8d18e6
```
#8d18e6 rgb(141,24,230)
```
#9e18e6
```
#9e18e6 rgb(158,24,230)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#c018e6
```
#c018e6 rgb(192,24,230)
```
#d118e6
```
#d118e6 rgb(209,24,230)
```
#e318e6
```
#e318e6 rgb(227,24,230)
```

Similar Colors

Text with hexadecimal color #af18e6

This text has a font color of #af18e6.

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

#af18e6 background color

This paragraph has a background color of #af18e6.

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

#af18e6 border color

This element has a border color of #af18e6.

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

CSS codes

.text {color:#af18e6;}

.background {background-color:#af18e6;}

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

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

#0d0211
```
#0d0211 rgb(13,2,17)
```
#1a0423
```
#1a0423 rgb(26,4,35)
```
#280534
```
#280534 rgb(40,5,52)
```
#350746
```
#350746 rgb(53,7,70)
```
#430958
```
#430958 rgb(67,9,88)
```
#500b6a
```
#500b6a rgb(80,11,106)
```
#5e0d7b
```
#5e0d7b rgb(94,13,123)
```
#6b0f8d
```
#6b0f8d rgb(107,15,141)
```
#79119f
```
#79119f rgb(121,17,159)
```
#8612b1
```
#8612b1 rgb(134,18,177)
```
#9414c2
```
#9414c2 rgb(148,20,194)
```
#a116d4
```
#a116d4 rgb(161,22,212)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```

Shade Color Variation

#b529e9
```
#b529e9 rgb(181,41,233)
```
#bc3beb
```
#bc3beb rgb(188,59,235)
```
#c24cec
```
#c24cec rgb(194,76,236)
```
#c85eee
```
#c85eee rgb(200,94,238)
```
#ce70f0
```
#ce70f0 rgb(206,112,240)
```
#d482f2
```
#d482f2 rgb(212,130,242)
```
#da94f4
```
#da94f4 rgb(218,148,244)
```
#e0a5f6
```
#e0a5f6 rgb(224,165,246)
```
#e6b7f7
```
#e6b7f7 rgb(230,183,247)
```
#ecc9f9
```
#ecc9f9 rgb(236,201,249)
```
#f2dbfb
```
#f2dbfb rgb(242,219,251)
```
#f9ecfd
```
#f9ecfd rgb(249,236,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#817a84
```
#817a84 rgb(129,122,132)
```
#86708e
```
#86708e rgb(134,112,142)
```
#8b6698
```
#8b6698 rgb(139,102,152)
```
#8f5ca2
```
#8f5ca2 rgb(143,92,162)
```
#9453ab
```
#9453ab rgb(148,83,171)
```
#9849b5
```
#9849b5 rgb(152,73,181)
```
#9d3fbf
```
#9d3fbf rgb(157,63,191)
```
#a135c9
```
#a135c9 rgb(161,53,201)
```
#a62cd2
```
#a62cd2 rgb(166,44,210)
```
#aa22dc
```
#aa22dc rgb(170,34,220)
```
#af18e6
```
#af18e6 rgb(175,24,230)
```
#b40ef0
```
#b40ef0 rgb(180,14,240)
```
#b804fa
```
#b804fa rgb(184,4,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d4f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#9d656c Tritanopia 0.001% of the population

Trichromacy

#3f51e0 Protanomaly 1% of men, 0.01% of women
#3f54d0 Deuteranomaly 6% of men, 0.4% of women
#a34998 Tritanomaly 0.01% of the population

#af18e6 hex color

#af18e6 Color Information

#af18e6 Color Conversion

Color Schemes with #af18e6

Alternatives to #af18e6

#af18e6 Preview

Shades and Tints of #af18e6

Tones of #af18e6

Color Blindness Simulator