#af06dc hex color

In a RGB color space, hex #af06dc is composed of 68.6% red, 2.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 97.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 287.4 degrees, a saturation of 94.7% and a lightness of 44.3%. #af06dc color hex could be obtained by blending #ff0cff with #5f00b9. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 86
RGB color chart
- C 20
- M 97
- Y 0
- K 14
CMYK color chart

● #af06dc color description : Vivid magenta.

The hexadecimal color #af06dc has RGB values of R:175, G:6, B:220 and CMYK values of C:0.2, M:0.97, Y:0, K:0.14. Its decimal value is 11470556.

Hex triplet	af06dc	`#af06dc`
RGB Decimal	175, 6, 220	`rgb(175,6,220)`
RGB Percent	68.6, 2.4, 86.3	`rgb(68.6%,2.4%,86.3%)`
CMYK	20, 97, 0, 14
HSL	287.4°, 94.7, 44.3	`hsl(287.4,94.7%,44.3%)`
HSV (or HSB)	287.4°, 97.3, 86.3
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.819, 80.762, -66.822
XYZ	30.661, 14.413, 68.873
xyY	0.269, 0.126, 14.413
CIE-LCH	44.819, 104.822, 320.396
CIE-LUV	44.819, 42.309, -106.21
Hunter-Lab	37.964, 77.724, -80.986
Binary	10101111, 00000110, 11011100

#af06dc
```
#af06dc rgb(175,6,220)
```
#33dc06
```
#33dc06 rgb(51,220,6)
```

Complementary Color

#4406dc
```
#4406dc rgb(68,6,220)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#dc069e
```
#dc069e rgb(220,6,158)
```

Analogous Color

#06dc44
```
#06dc44 rgb(6,220,68)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#9edc06
```
#9edc06 rgb(158,220,6)
```

Split Complementary Color

#06dcaf
```
#06dcaf rgb(6,220,175)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#dcaf06
```
#dcaf06 rgb(220,175,6)
```

Triadic Color

#0633dc
```
#0633dc rgb(6,51,220)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#dcaf06
```
#dcaf06 rgb(220,175,6)
```
#33dc06
```
#33dc06 rgb(51,220,6)
```

Tetradic Color

#740492
```
#740492 rgb(116,4,146)
```
#8805aa
```
#8805aa rgb(136,5,170)
```
#9b05c3
```
#9b05c3 rgb(155,5,195)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#c307f5
```
#c307f5 rgb(195,7,245)
```
#ca1cf9
```
#ca1cf9 rgb(202,28,249)
```
#d035f9
```
#d035f9 rgb(208,53,249)
```

Monochromatic Color

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

#7a06dc
```
#7a06dc rgb(122,6,220)
```
#8b06dc
```
#8b06dc rgb(139,6,220)
```
#9d06dc
```
#9d06dc rgb(157,6,220)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#c106dc
```
#c106dc rgb(193,6,220)
```
#d306dc
```
#d306dc rgb(211,6,220)
```
#dc06d4
```
#dc06d4 rgb(220,6,212)
```

Similar Colors

Text with hexadecimal color #af06dc

This text has a font color of #af06dc.

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

#af06dc background color

This paragraph has a background color of #af06dc.

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

#af06dc border color

This element has a border color of #af06dc.

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

CSS codes

.text {color:#af06dc;}

.background {background-color:#af06dc;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#17011d
```
#17011d rgb(23,1,29)
```
#260130
```
#260130 rgb(38,1,48)
```
#350243
```
#350243 rgb(53,2,67)
```
#450256
```
#450256 rgb(69,2,86)
```
#540369
```
#540369 rgb(84,3,105)
```
#63037d
```
#63037d rgb(99,3,125)
```
#720490
```
#720490 rgb(114,4,144)
```
#8104a3
```
#8104a3 rgb(129,4,163)
```
#9105b6
```
#9105b6 rgb(145,5,182)
```
#a005c9
```
#a005c9 rgb(160,5,201)
```
#af06dc
```
#af06dc rgb(175,6,220)
```
#be07ef
```
#be07ef rgb(190,7,239)
```

Shade Color Variation

#c811f9
```
#c811f9 rgb(200,17,249)
```
#cc24f9
```
#cc24f9 rgb(204,36,249)
```
#d137fa
```
#d137fa rgb(209,55,250)
```
#d54afa
```
#d54afa rgb(213,74,250)
```
#d95dfb
```
#d95dfb rgb(217,93,251)
```
#de70fb
```
#de70fb rgb(222,112,251)
```
#e283fc
```
#e283fc rgb(226,131,252)
```
#e796fc
```
#e796fc rgb(231,150,252)
```
#eba9fd
```
#eba9fd rgb(235,169,253)
```
#f0bdfd
```
#f0bdfd rgb(240,189,253)
```
#f4d0fe
```
#f4d0fe rgb(244,208,254)
```
#f8e3fe
```
#f8e3fe rgb(248,227,254)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#736e74
```
#736e74 rgb(115,110,116)
```
#78667c
```
#78667c rgb(120,102,124)
```
#7d5d85
```
#7d5d85 rgb(125,93,133)
```
#82548e
```
#82548e rgb(130,84,142)
```
#874c96
```
#874c96 rgb(135,76,150)
```
#8c439f
```
#8c439f rgb(140,67,159)
```
#913aa8
```
#913aa8 rgb(145,58,168)
```
#9631b1
```
#9631b1 rgb(150,49,177)
```
#9b29b9
```
#9b29b9 rgb(155,41,185)
```
#a020c2
```
#a020c2 rgb(160,32,194)
```
#a517cb
```
#a517cb rgb(165,23,203)
```
#aa0fd3
```
#aa0fd3 rgb(170,15,211)
```
#af06dc
```
#af06dc rgb(175,6,220)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#64426d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#9f5f65 Tritanopia 0.001% of the population

Trichromacy

#3f48d8 Protanomaly 1% of men, 0.01% of women
#3f4bc9 Deuteranomaly 6% of men, 0.4% of women
#a43e90 Tritanomaly 0.01% of the population

#af06dc hex color

#af06dc Color Information

#af06dc Color Conversion

Color Schemes with #af06dc

Alternatives to #af06dc

#af06dc Preview

Shades and Tints of #af06dc

Tones of #af06dc

Color Blindness Simulator