#af40ad hex color

In a RGB color space, hex #af40ad is composed of 68.6% red, 25.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.4% magenta, 1.1% yellow and 31.4% black. It has a hue angle of 301.1 degrees, a saturation of 46.4% and a lightness of 46.9%. #af40ad color hex could be obtained by blending #ff80ff with #5f005b. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 25
- B 68
RGB color chart
- C 0
- M 63
- Y 1
- K 31
CMYK color chart

● #af40ad color description : Dark moderate magenta.

The hexadecimal color #af40ad has RGB values of R:175, G:64, B:173 and CMYK values of C:0, M:0.63, Y:0.01, K:0.31. Its decimal value is 11485357.

Hex triplet	af40ad	`#af40ad`
RGB Decimal	175, 64, 173	`rgb(175,64,173)`
RGB Percent	68.6, 25.1, 67.8	`rgb(68.6%,25.1%,67.8%)`
CMYK	0, 63, 1, 31
HSL	301.1°, 46.4, 46.9	`hsl(301.1,46.4%,46.9%)`
HSV (or HSB)	301.1°, 63.4, 68.6
Web Safe	993399	`#993399`

CIE-LAB	46.71, 58.603, -36.487
XYZ	27.055, 15.799, 41.157
xyY	0.322, 0.188, 15.799
CIE-LCH	46.71, 69.034, 328.093
CIE-LUV	46.71, 49.442, -61.573
Hunter-Lab	39.749, 51.936, -33.568
Binary	10101111, 01000000, 10101101

#af40ad
```
#af40ad rgb(175,64,173)
```
#40af42
```
#40af42 rgb(64,175,66)
```

Complementary Color

#7a40af
```
#7a40af rgb(122,64,175)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#af4076
```
#af4076 rgb(175,64,118)
```

Analogous Color

#40af7a
```
#40af7a rgb(64,175,122)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#76af40
```
#76af40 rgb(118,175,64)
```

Split Complementary Color

#40adaf
```
#40adaf rgb(64,173,175)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#adaf40
```
#adaf40 rgb(173,175,64)
```

Triadic Color

#4240af
```
#4240af rgb(66,64,175)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#adaf40
```
#adaf40 rgb(173,175,64)
```
#40af42
```
#40af42 rgb(64,175,66)
```

Tetradic Color

#772c76
```
#772c76 rgb(119,44,118)
```
#8a3288
```
#8a3288 rgb(138,50,136)
```
#9c399b
```
#9c399b rgb(156,57,155)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#bd4bbb
```
#bd4bbb rgb(189,75,187)
```
#c45ec2
```
#c45ec2 rgb(196,94,194)
```
#cb71c9
```
#cb71c9 rgb(203,113,201)
```

Monochromatic Color

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

#9540af
```
#9540af rgb(149,64,175)
```
#9f40af
```
#9f40af rgb(159,64,175)
```
#a840af
```
#a840af rgb(168,64,175)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#af40a4
```
#af40a4 rgb(175,64,164)
```
#af409b
```
#af409b rgb(175,64,155)
```
#af4091
```
#af4091 rgb(175,64,145)
```

Similar Colors

Text with hexadecimal color #af40ad

This text has a font color of #af40ad.

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

#af40ad background color

This paragraph has a background color of #af40ad.

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

#af40ad border color

This element has a border color of #af40ad.

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

CSS codes

.text {color:#af40ad;}

.background {background-color:#af40ad;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#110611
```
#110611 rgb(17,6,17)
```
#1f0b1f
```
#1f0b1f rgb(31,11,31)
```
#2e112d
```
#2e112d rgb(46,17,45)
```
#3c163b
```
#3c163b rgb(60,22,59)
```
#4a1b4a
```
#4a1b4a rgb(74,27,74)
```
#592058
```
#592058 rgb(89,32,88)
```
#672666
```
#672666 rgb(103,38,102)
```
#762b74
```
#762b74 rgb(118,43,116)
```
#843082
```
#843082 rgb(132,48,130)
```
#923591
```
#923591 rgb(146,53,145)
```
#a13b9f
```
#a13b9f rgb(161,59,159)
```
#af40ad
```
#af40ad rgb(175,64,173)
```

Shade Color Variation

#bc47ba
```
#bc47ba rgb(188,71,186)
```
#c155bf
```
#c155bf rgb(193,85,191)
```
#c664c4
```
#c664c4 rgb(198,100,196)
```
#cb72ca
```
#cb72ca rgb(203,114,202)
```
#d180cf
```
#d180cf rgb(209,128,207)
```
#d68fd5
```
#d68fd5 rgb(214,143,213)
```
#db9dda
```
#db9dda rgb(219,157,218)
```
#e0abdf
```
#e0abdf rgb(224,171,223)
```
#e6bae5
```
#e6bae5 rgb(230,186,229)
```
#ebc8ea
```
#ebc8ea rgb(235,200,234)
```
#f0d7f0
```
#f0d7f0 rgb(240,215,240)
```
#f5e5f5
```
#f5e5f5 rgb(245,229,245)
```
#fbf3fb
```
#fbf3fb rgb(251,243,251)
```

Tint Color Variation

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

#787778
```
#787778 rgb(120,119,120)
```
#816e81
```
#816e81 rgb(129,110,129)
```
#8a658a
```
#8a658a rgb(138,101,138)
```
#935c92
```
#935c92 rgb(147,92,146)
```
#9d529b
```
#9d529b rgb(157,82,155)
```
#a649a4
```
#a649a4 rgb(166,73,164)
```
#af40ad
```
#af40ad rgb(175,64,173)
```
#b837b6
```
#b837b6 rgb(184,55,182)
```
#c12ebf
```
#c12ebf rgb(193,46,191)
```
#cb24c8
```
#cb24c8 rgb(203,36,200)
```
#d41bd0
```
#d41bd0 rgb(212,27,208)
```
#dd12d9
```
#dd12d9 rgb(221,18,217)
```
#e609e2
```
#e609e2 rgb(230,9,226)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b657b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e73d0 Protanopia 1% of men
#6175a5 Deuteranopia 1% of men
#a96067 Tritanopia 0.001% of the population

Trichromacy

#6760c3 Protanomaly 1% of men, 0.01% of women
#7d61a8 Deuteranomaly 6% of men, 0.4% of women
#ab5480 Tritanomaly 0.01% of the population

#af40ad hex color

#af40ad Color Information

#af40ad Color Conversion

Color Schemes with #af40ad

Alternatives to #af40ad

#af40ad Preview

Shades and Tints of #af40ad

Tones of #af40ad

Color Blindness Simulator