colorhexa.com

#af16cc hex color

In a RGB color space, hex #af16cc is composed of 68.6% red, 8.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 89.2% magenta, 0% yellow and 20% black. It has a hue angle of 290.4 degrees, a saturation of 80.5% and a lightness of 44.3%. #af16cc color hex could be obtained by blending #ff2cff with #5f0099. Closest websafe color is: #9900cc.

- R 69
- G 9
- B 80
RGB color chart
- C 14
- M 89
- Y 0
- K 20
CMYK color chart

● #af16cc color description : Strong magenta.

The hexadecimal color #af16cc has RGB values of R:175, G:22, B:204 and CMYK values of C:0.14, M:0.89, Y:0, K:0.2. Its decimal value is 11474636.

Hex triplet	af16cc	`#af16cc`
RGB Decimal	175, 22, 204	`rgb(175,22,204)`
RGB Percent	68.6, 8.6, 80	`rgb(68.6%,8.6%,80%)`
CMYK	14, 89, 0, 20
HSL	290.4°, 80.5, 44.3	`hsl(290.4,80.5%,44.3%)`
HSV (or HSB)	290.4°, 89.2, 80
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.303, 76.153, -58.448
XYZ	28.864, 14.049, 58.315
xyY	0.285, 0.139, 14.049
CIE-LCH	44.303, 95.998, 322.494
CIE-LUV	44.303, 46.464, -94.065
Hunter-Lab	37.482, 71.866, -66.007
Binary	10101111, 00010110, 11001100

#af16cc
```
#af16cc rgb(175,22,204)
```
#33cc16
```
#33cc16 rgb(51,204,22)
```

Complementary Color

#5416cc
```
#5416cc rgb(84,22,204)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#cc168e
```
#cc168e rgb(204,22,142)
```

Analogous Color

#16cc54
```
#16cc54 rgb(22,204,84)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#8ecc16
```
#8ecc16 rgb(142,204,22)
```

Split Complementary Color

#16ccaf
```
#16ccaf rgb(22,204,175)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#ccaf16
```
#ccaf16 rgb(204,175,22)
```

Triadic Color

#1633cc
```
#1633cc rgb(22,51,204)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#ccaf16
```
#ccaf16 rgb(204,175,22)
```
#33cc16
```
#33cc16 rgb(51,204,22)
```

Tetradic Color

#740f87
```
#740f87 rgb(116,15,135)
```
#88119e
```
#88119e rgb(136,17,158)
```
#9b14b5
```
#9b14b5 rgb(155,20,181)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#c318e3
```
#c318e3 rgb(195,24,227)
```
#ca2de8
```
#ca2de8 rgb(202,45,232)
```
#d044eb
```
#d044eb rgb(208,68,235)
```

Monochromatic Color

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

#8216cc
```
#8216cc rgb(130,22,204)
```
#9116cc
```
#9116cc rgb(145,22,204)
```
#a016cc
```
#a016cc rgb(160,22,204)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#be16cc
```
#be16cc rgb(190,22,204)
```
#cc16cb
```
#cc16cb rgb(204,22,203)
```
#cc16bc
```
#cc16bc rgb(204,22,188)
```

Similar Colors

Text with hexadecimal color #af16cc

This text has a font color of #af16cc.

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

#af16cc background color

This paragraph has a background color of #af16cc.

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

#af16cc border color

This element has a border color of #af16cc.

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

CSS codes

.text {color:#af16cc;}

.background {background-color:#af16cc;}

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

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

#080109
```
#080109 rgb(8,1,9)
```
#17031b
```
#17031b rgb(23,3,27)
```
#26052d
```
#26052d rgb(38,5,45)
```
#35073e
```
#35073e rgb(53,7,62)
```
#450950
```
#450950 rgb(69,9,80)
```
#540b62
```
#540b62 rgb(84,11,98)
```
#630c73
```
#630c73 rgb(99,12,115)
```
#720e85
```
#720e85 rgb(114,14,133)
```
#811097
```
#811097 rgb(129,16,151)
```
#9112a9
```
#9112a9 rgb(145,18,169)
```
#a014ba
```
#a014ba rgb(160,20,186)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#be18de
```
#be18de rgb(190,24,222)
```

Shade Color Variation

#c822e7
```
#c822e7 rgb(200,34,231)
```
#cc34e9
```
#cc34e9 rgb(204,52,233)
```
#d145eb
```
#d145eb rgb(209,69,235)
```
#d557ed
```
#d557ed rgb(213,87,237)
```
#d969ef
```
#d969ef rgb(217,105,239)
```
#de7bf1
```
#de7bf1 rgb(222,123,241)
```
#e28cf3
```
#e28cf3 rgb(226,140,243)
```
#e79ef5
```
#e79ef5 rgb(231,158,245)
```
#ebb0f6
```
#ebb0f6 rgb(235,176,246)
```
#f0c1f8
```
#f0c1f8 rgb(240,193,248)
```
#f4d3fa
```
#f4d3fa rgb(244,211,250)
```
#f8e5fc
```
#f8e5fc rgb(248,229,252)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#746d75
```
#746d75 rgb(116,109,117)
```
#7a647e
```
#7a647e rgb(122,100,126)
```
#805c86
```
#805c86 rgb(128,92,134)
```
#86538f
```
#86538f rgb(134,83,143)
```
#8b4a98
```
#8b4a98 rgb(139,74,152)
```
#9141a1
```
#9141a1 rgb(145,65,161)
```
#9739a9
```
#9739a9 rgb(151,57,169)
```
#9d30b2
```
#9d30b2 rgb(157,48,178)
```
#a327bb
```
#a327bb rgb(163,39,187)
```
#a91fc3
```
#a91fc3 rgb(169,31,195)
```
#af16cc
```
#af16cc rgb(175,22,204)
```
#b50dd5
```
#b50dd5 rgb(181,13,213)
```
#bb05dd
```
#bb05dd rgb(187,5,221)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#2472bb Deuteranopia 1% of men
#a25b61 Tritanopia 0.001% of the population

Trichromacy

#3f4dd1 Protanomaly 1% of men, 0.01% of women
#5650c1 Deuteranomaly 6% of men, 0.4% of women
#a74288 Tritanomaly 0.01% of the population