#af06a4 hex color

In a RGB color space, hex #af06a4 is composed of 68.6% red, 2.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.6% magenta, 6.3% yellow and 31.4% black. It has a hue angle of 303.9 degrees, a saturation of 93.4% and a lightness of 35.5%. #af06a4 color hex could be obtained by blending #ff0cff with #5f0049. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 2
- B 64
RGB color chart
- C 0
- M 97
- Y 6
- K 31
CMYK color chart

● #af06a4 color description : Dark magenta.

The hexadecimal color #af06a4 has RGB values of R:175, G:6, B:164 and CMYK values of C:0, M:0.97, Y:0.06, K:0.31. Its decimal value is 11470500.

Hex triplet	af06a4	`#af06a4`
RGB Decimal	175, 6, 164	`rgb(175,6,164)`
RGB Percent	68.6, 2.4, 64.3	`rgb(68.6%,2.4%,64.3%)`
CMYK	0, 97, 6, 31
HSL	303.9°, 93.4, 35.5	`hsl(303.9,93.4%,35.5%)`
HSV (or HSB)	303.9°, 96.6, 68.6
Web Safe	990099	`#990099`

CIE-LAB	41.099, 71.854, -40.022
XYZ	24.445, 11.926, 36.135
xyY	0.337, 0.164, 11.926
CIE-LCH	41.099, 82.248, 330.883
CIE-LUV	41.099, 61.877, -66.264
Hunter-Lab	34.535, 65.913, -37.863
Binary	10101111, 00000110, 10100100

#af06a4
```
#af06a4 rgb(175,6,164)
```
#06af11
```
#06af11 rgb(6,175,17)
```

Complementary Color

#6606af
```
#6606af rgb(102,6,175)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#af0650
```
#af0650 rgb(175,6,80)
```

Analogous Color

#06af66
```
#06af66 rgb(6,175,102)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#50af06
```
#50af06 rgb(80,175,6)
```

Split Complementary Color

#06a4af
```
#06a4af rgb(6,164,175)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#a4af06
```
#a4af06 rgb(164,175,6)
```

Triadic Color

#1106af
```
#1106af rgb(17,6,175)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#a4af06
```
#a4af06 rgb(164,175,6)
```
#06af11
```
#06af11 rgb(6,175,17)
```

Tetradic Color

#65035f
```
#65035f rgb(101,3,95)
```
#7e0476
```
#7e0476 rgb(126,4,118)
```
#96058d
```
#96058d rgb(150,5,141)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#c807bb
```
#c807bb rgb(200,7,187)
```
#e008d2
```
#e008d2 rgb(224,8,210)
```
#f70be7
```
#f70be7 rgb(247,11,231)
```

Monochromatic Color

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

#9006af
```
#9006af rgb(144,6,175)
```
#9e06af
```
#9e06af rgb(158,6,175)
```
#ac06af
```
#ac06af rgb(172,6,175)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#af0696
```
#af0696 rgb(175,6,150)
```
#af0688
```
#af0688 rgb(175,6,136)
```
#af067a
```
#af067a rgb(175,6,122)
```

Similar Colors

Text with hexadecimal color #af06a4

This text has a font color of #af06a4.

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

#af06a4 background color

This paragraph has a background color of #af06a4.

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

#af06a4 border color

This element has a border color of #af06a4.

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

CSS codes

.text {color:#af06a4;}

.background {background-color:#af06a4;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170116
```
#170116 rgb(23,1,22)
```
#2a0128
```
#2a0128 rgb(42,1,40)
```
#3d0239
```
#3d0239 rgb(61,2,57)
```
#50034b
```
#50034b rgb(80,3,75)
```
#63035d
```
#63035d rgb(99,3,93)
```
#76046f
```
#76046f rgb(118,4,111)
```
#890580
```
#890580 rgb(137,5,128)
```
#9c0592
```
#9c0592 rgb(156,5,146)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```
#c207b6
```
#c207b6 rgb(194,7,182)
```
#d507c8
```
#d507c8 rgb(213,7,200)
```
#e808d9
```
#e808d9 rgb(232,8,217)
```

Shade Color Variation

#f70de7
```
#f70de7 rgb(247,13,231)
```
#f720e9
```
#f720e9 rgb(247,32,233)
```
#f833eb
```
#f833eb rgb(248,51,235)
```
#f946ed
```
#f946ed rgb(249,70,237)
```
#f959ef
```
#f959ef rgb(249,89,239)
```
#fa6cf1
```
#fa6cf1 rgb(250,108,241)
```
#fb7ff3
```
#fb7ff3 rgb(251,127,243)
```
#fb92f4
```
#fb92f4 rgb(251,146,244)
```
#fca4f6
```
#fca4f6 rgb(252,164,246)
```
#fdb7f8
```
#fdb7f8 rgb(253,183,248)
```
#fdcafa
```
#fdcafa rgb(253,202,250)
```
#feddfc
```
#feddfc rgb(254,221,252)
```
#fef0fe
```
#fef0fe rgb(254,240,254)
```

Tint Color Variation

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

#5b5a5b
```
#5b5a5b rgb(91,90,91)
```
#625361
```
#625361 rgb(98,83,97)
```
#694c67
```
#694c67 rgb(105,76,103)
```
#70456e
```
#70456e rgb(112,69,110)
```
#773e74
```
#773e74 rgb(119,62,116)
```
#7e377a
```
#7e377a rgb(126,55,122)
```
#853080
```
#853080 rgb(133,48,128)
```
#8c2986
```
#8c2986 rgb(140,41,134)
```
#93228c
```
#93228c rgb(147,34,140)
```
#9a1b92
```
#9a1b92 rgb(154,27,146)
```
#a11498
```
#a11498 rgb(161,20,152)
```
#a80d9e
```
#a80d9e rgb(168,13,158)
```
#af06a4
```
#af06a4 rgb(175,6,164)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f3d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#506898 Deuteranopia 1% of men
#a9494d Tritanopia 0.001% of the population

Trichromacy

#3f43ba Protanomaly 1% of men, 0.01% of women
#72449c Deuteranomaly 6% of men, 0.4% of women
#ab306c Tritanomaly 0.01% of the population

#af06a4 hex color

#af06a4 Color Information

#af06a4 Color Conversion

Color Schemes with #af06a4

Alternatives to #af06a4

#af06a4 Preview

Shades and Tints of #af06a4

Tones of #af06a4

Color Blindness Simulator