#af18d5 hex color

In a RGB color space, hex #af18d5 is composed of 68.6% red, 9.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 88.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 287.9 degrees, a saturation of 79.7% and a lightness of 46.5%. #af18d5 color hex could be obtained by blending #ff30ff with #5f00ab. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 9
- B 84
RGB color chart
- C 18
- M 89
- Y 0
- K 16
CMYK color chart

● #af18d5 color description : Strong magenta.

The hexadecimal color #af18d5 has RGB values of R:175, G:24, B:213 and CMYK values of C:0.18, M:0.89, Y:0, K:0.16. Its decimal value is 11475157.

Hex triplet	af18d5	`#af18d5`
RGB Decimal	175, 24, 213	`rgb(175,24,213)`
RGB Percent	68.6, 9.4, 83.5	`rgb(68.6%,9.4%,83.5%)`
CMYK	18, 89, 0, 16
HSL	287.9°, 79.7, 46.5	`hsl(287.9,79.7%,46.5%)`
HSV (or HSB)	287.9°, 88.7, 83.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.043, 77.37, -62.443
XYZ	30.015, 14.573, 64.179
xyY	0.276, 0.134, 14.573
CIE-LCH	45.043, 99.425, 321.094
CIE-LUV	45.043, 43.516, -100.149
Hunter-Lab	38.174, 73.542, -72.957
Binary	10101111, 00011000, 11010101

#af18d5
```
#af18d5 rgb(175,24,213)
```
#3ed518
```
#3ed518 rgb(62,213,24)
```

Complementary Color

#5018d5
```
#5018d5 rgb(80,24,213)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#d5189d
```
#d5189d rgb(213,24,157)
```

Analogous Color

#18d550
```
#18d550 rgb(24,213,80)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#9dd518
```
#9dd518 rgb(157,213,24)
```

Split Complementary Color

#18d5af
```
#18d5af rgb(24,213,175)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#d5af18
```
#d5af18 rgb(213,175,24)
```

Triadic Color

#183ed5
```
#183ed5 rgb(24,62,213)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#d5af18
```
#d5af18 rgb(213,175,24)
```
#3ed518
```
#3ed518 rgb(62,213,24)
```

Tetradic Color

#771090
```
#771090 rgb(119,16,144)
```
#8913a7
```
#8913a7 rgb(137,19,167)
```
#9c15be
```
#9c15be rgb(156,21,190)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#be21e6
```
#be21e6 rgb(190,33,230)
```
#c537e9
```
#c537e9 rgb(197,55,233)
```
#cc4eeb
```
#cc4eeb rgb(204,78,235)
```

Monochromatic Color

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

#8018d5
```
#8018d5 rgb(128,24,213)
```
#9018d5
```
#9018d5 rgb(144,24,213)
```
#9f18d5
```
#9f18d5 rgb(159,24,213)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#bf18d5
```
#bf18d5 rgb(191,24,213)
```
#cf18d5
```
#cf18d5 rgb(207,24,213)
```
#d518cc
```
#d518cc rgb(213,24,204)
```

Similar Colors

Text with hexadecimal color #af18d5

This text has a font color of #af18d5.

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

#af18d5 background color

This paragraph has a background color of #af18d5.

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

#af18d5 border color

This element has a border color of #af18d5.

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

CSS codes

.text {color:#af18d5;}

.background {background-color:#af18d5;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#100213
```
#100213 rgb(16,2,19)
```
#1e0425
```
#1e0425 rgb(30,4,37)
```
#2d0636
```
#2d0636 rgb(45,6,54)
```
#3b0848
```
#3b0848 rgb(59,8,72)
```
#4a0a5a
```
#4a0a5a rgb(74,10,90)
```
#580c6b
```
#580c6b rgb(88,12,107)
```
#670e7d
```
#670e7d rgb(103,14,125)
```
#75108e
```
#75108e rgb(117,16,142)
```
#8412a0
```
#8412a0 rgb(132,18,160)
```
#9214b2
```
#9214b2 rgb(146,20,178)
```
#a116c3
```
#a116c3 rgb(161,22,195)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```

Shade Color Variation

#bd1be5
```
#bd1be5 rgb(189,27,229)
```
#c22de7
```
#c22de7 rgb(194,45,231)
```
#c73fe9
```
#c73fe9 rgb(199,63,233)
```
#cc50eb
```
#cc50eb rgb(204,80,235)
```
#d162ed
```
#d162ed rgb(209,98,237)
```
#d673ef
```
#d673ef rgb(214,115,239)
```
#dc85f1
```
#dc85f1 rgb(220,133,241)
```
#e197f3
```
#e197f3 rgb(225,151,243)
```
#e6a8f5
```
#e6a8f5 rgb(230,168,245)
```
#ebbaf7
```
#ebbaf7 rgb(235,186,247)
```
#f0ccf9
```
#f0ccf9 rgb(240,204,249)
```
#f5ddfb
```
#f5ddfb rgb(245,221,251)
```
#faeffd
```
#faeffd rgb(250,239,253)
```

Tint Color Variation

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

#79737a
```
#79737a rgb(121,115,122)
```
#7e6a83
```
#7e6a83 rgb(126,106,131)
```
#83618c
```
#83618c rgb(131,97,140)
```
#895895
```
#895895 rgb(137,88,149)
```
#8e4f9e
```
#8e4f9e rgb(142,79,158)
```
#9446a7
```
#9446a7 rgb(148,70,167)
```
#993cb1
```
#993cb1 rgb(153,60,177)
```
#9f33ba
```
#9f33ba rgb(159,51,186)
```
#a42ac3
```
#a42ac3 rgb(164,42,195)
```
#aa21cc
```
#aa21cc rgb(170,33,204)
```
#af18d5
```
#af18d5 rgb(175,24,213)
```
#b40fde
```
#b40fde rgb(180,15,222)
```
#ba06e7
```
#ba06e7 rgb(186,6,231)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c4e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#a05f65 Tritanopia 0.001% of the population

Trichromacy

#3f4fd7 Protanomaly 1% of men, 0.01% of women
#3f52c8 Deuteranomaly 6% of men, 0.4% of women
#a6458e Tritanomaly 0.01% of the population

#af18d5 hex color

#af18d5 Color Information

#af18d5 Color Conversion

Color Schemes with #af18d5

Alternatives to #af18d5

#af18d5 Preview

Shades and Tints of #af18d5

Tones of #af18d5

Color Blindness Simulator