#af18a5 hex color

In a RGB color space, hex #af18a5 is composed of 68.6% red, 9.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 5.7% yellow and 31.4% black. It has a hue angle of 304 degrees, a saturation of 75.9% and a lightness of 39%. #af18a5 color hex could be obtained by blending #ff30ff with #5f004b. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 9
- B 65
RGB color chart
- C 0
- M 86
- Y 6
- K 31
CMYK color chart

● #af18a5 color description : Dark magenta.

The hexadecimal color #af18a5 has RGB values of R:175, G:24, B:165 and CMYK values of C:0, M:0.86, Y:0.06, K:0.31. Its decimal value is 11475109.

Hex triplet	af18a5	`#af18a5`
RGB Decimal	175, 24, 165	`rgb(175,24,165)`
RGB Percent	68.6, 9.4, 64.7	`rgb(68.6%,9.4%,64.7%)`
CMYK	0, 86, 6, 31
HSL	304°, 75.9, 39	`hsl(304,75.9%,39%)`
HSV (or HSB)	304°, 86.3, 68.6
Web Safe	990099	`#990099`

CIE-LAB	41.978, 69.585, -39.224
XYZ	24.797, 12.486, 36.699
xyY	0.335, 0.169, 12.486
CIE-LCH	41.978, 79.879, 330.591
CIE-LUV	41.978, 60.042, -65.241
Hunter-Lab	35.335, 63.429, -36.844
Binary	10101111, 00011000, 10100101

#af18a5
```
#af18a5 rgb(175,24,165)
```
#18af22
```
#18af22 rgb(24,175,34)
```

Complementary Color

#6e18af
```
#6e18af rgb(110,24,175)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#af185a
```
#af185a rgb(175,24,90)
```

Analogous Color

#18af6e
```
#18af6e rgb(24,175,110)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#5aaf18
```
#5aaf18 rgb(90,175,24)
```

Split Complementary Color

#18a5af
```
#18a5af rgb(24,165,175)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#a5af18
```
#a5af18 rgb(165,175,24)
```

Triadic Color

#2218af
```
#2218af rgb(34,24,175)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#a5af18
```
#a5af18 rgb(165,175,24)
```
#18af22
```
#18af22 rgb(24,175,34)
```

Tetradic Color

#6c0f66
```
#6c0f66 rgb(108,15,102)
```
#82127b
```
#82127b rgb(130,18,123)
```
#991590
```
#991590 rgb(153,21,144)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#c51bba
```
#c51bba rgb(197,27,186)
```
#dc1ecf
```
#dc1ecf rgb(220,30,207)
```
#e331d7
```
#e331d7 rgb(227,49,215)
```

Monochromatic Color

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

#9318af
```
#9318af rgb(147,24,175)
```
#a018af
```
#a018af rgb(160,24,175)
```
#ac18af
```
#ac18af rgb(172,24,175)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#af1898
```
#af1898 rgb(175,24,152)
```
#af188c
```
#af188c rgb(175,24,140)
```
#af187f
```
#af187f rgb(175,24,127)
```

Similar Colors

Text with hexadecimal color #af18a5

This text has a font color of #af18a5.

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

#af18a5 background color

This paragraph has a background color of #af18a5.

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

#af18a5 border color

This element has a border color of #af18a5.

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

CSS codes

.text {color:#af18a5;}

.background {background-color:#af18a5;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#140313
```
#140313 rgb(20,3,19)
```
#250523
```
#250523 rgb(37,5,35)
```
#360733
```
#360733 rgb(54,7,51)
```
#480a43
```
#480a43 rgb(72,10,67)
```
#590c54
```
#590c54 rgb(89,12,84)
```
#6a0f64
```
#6a0f64 rgb(106,15,100)
```
#7b1174
```
#7b1174 rgb(123,17,116)
```
#8d1384
```
#8d1384 rgb(141,19,132)
```
#9e1695
```
#9e1695 rgb(158,22,149)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#c01ab5
```
#c01ab5 rgb(192,26,181)
```
#d11dc6
```
#d11dc6 rgb(209,29,198)
```

Shade Color Variation

#e121d4
```
#e121d4 rgb(225,33,212)
```
#e333d7
```
#e333d7 rgb(227,51,215)
```
#e544db
```
#e544db rgb(229,68,219)
```
#e855de
```
#e855de rgb(232,85,222)
```
#ea66e1
```
#ea66e1 rgb(234,102,225)
```
#ec78e5
```
#ec78e5 rgb(236,120,229)
```
#ef89e8
```
#ef89e8 rgb(239,137,232)
```
#f19aeb
```
#f19aeb rgb(241,154,235)
```
#f4abef
```
#f4abef rgb(244,171,239)
```
#f6bdf2
```
#f6bdf2 rgb(246,189,242)
```
#f8cef5
```
#f8cef5 rgb(248,206,245)
```
#fbdff9
```
#fbdff9 rgb(251,223,249)
```
#fdf0fc
```
#fdf0fc rgb(253,240,252)
```

Tint Color Variation

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

#6a5d69
```
#6a5d69 rgb(106,93,105)
```
#725570
```
#725570 rgb(114,85,112)
```
#794e77
```
#794e77 rgb(121,78,119)
```
#81467d
```
#81467d rgb(129,70,125)
```
#893e84
```
#893e84 rgb(137,62,132)
```
#90378a
```
#90378a rgb(144,55,138)
```
#982f91
```
#982f91 rgb(152,47,145)
```
#a02798
```
#a02798 rgb(160,39,152)
```
#a7209e
```
#a7209e rgb(167,32,158)
```
#af18a5
```
#af18a5 rgb(175,24,165)
```
#b710ac
```
#b710ac rgb(183,16,172)
```
#be09b2
```
#be09b2 rgb(190,9,178)
```
#c601b9
```
#c601b9 rgb(198,1,185)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#536a9a Deuteranopia 1% of men
#a94d51 Tritanopia 0.001% of the population

Trichromacy

#3f4abd Protanomaly 1% of men, 0.01% of women
#744c9e Deuteranomaly 6% of men, 0.4% of women
#ab3970 Tritanomaly 0.01% of the population

#af18a5 hex color

#af18a5 Color Information

#af18a5 Color Conversion

Color Schemes with #af18a5

Alternatives to #af18a5

#af18a5 Preview

Shades and Tints of #af18a5

Tones of #af18a5

Color Blindness Simulator