#af56cc hex color

In a RGB color space, hex #af56cc is composed of 68.6% red, 33.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 57.8% magenta, 0% yellow and 20% black. It has a hue angle of 285.3 degrees, a saturation of 53.6% and a lightness of 56.9%. #af56cc color hex could be obtained by blending #ffacff with #5f0099. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 80
RGB color chart
- C 14
- M 58
- Y 0
- K 20
CMYK color chart

● #af56cc color description : Moderate magenta.

The hexadecimal color #af56cc has RGB values of R:175, G:86, B:204 and CMYK values of C:0.14, M:0.58, Y:0, K:0.2. Its decimal value is 11491020.

Hex triplet	af56cc	`#af56cc`
RGB Decimal	175, 86, 204	`rgb(175,86,204)`
RGB Percent	68.6, 33.7, 80	`rgb(68.6%,33.7%,80%)`
CMYK	14, 58, 0, 20
HSL	285.3°, 53.6, 56.9	`hsl(285.3,53.6%,56.9%)`
HSV (or HSB)	285.3°, 57.8, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.984, 54.454, -46.14
XYZ	31.905, 20.13, 59.328
xyY	0.286, 0.181, 20.13
CIE-LCH	51.984, 71.374, 319.725
CIE-LUV	51.984, 34.798, -77.295
Hunter-Lab	44.867, 48.414, -46.994
Binary	10101111, 01010110, 11001100

#af56cc
```
#af56cc rgb(175,86,204)
```
#73cc56
```
#73cc56 rgb(115,204,86)
```

Complementary Color

#7456cc
```
#7456cc rgb(116,86,204)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#cc56ae
```
#cc56ae rgb(204,86,174)
```

Analogous Color

#56cc74
```
#56cc74 rgb(86,204,116)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#aecc56
```
#aecc56 rgb(174,204,86)
```

Split Complementary Color

#56ccaf
```
#56ccaf rgb(86,204,175)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```

Triadic Color

#5673cc
```
#5673cc rgb(86,115,204)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#ccaf56
```
#ccaf56 rgb(204,175,86)
```
#73cc56
```
#73cc56 rgb(115,204,86)
```

Tetradic Color

#8831a4
```
#8831a4 rgb(136,49,164)
```
#9837b8
```
#9837b8 rgb(152,55,184)
```
#a642c6
```
#a642c6 rgb(166,66,198)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#b86ad2
```
#b86ad2 rgb(184,106,210)
```
#c27dd8
```
#c27dd8 rgb(194,125,216)
```
#cb91de
```
#cb91de rgb(203,145,222)
```

Monochromatic Color

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

#9256cc
```
#9256cc rgb(146,86,204)
```
#9b56cc
```
#9b56cc rgb(155,86,204)
```
#a556cc
```
#a556cc rgb(165,86,204)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#b956cc
```
#b956cc rgb(185,86,204)
```
#c356cc
```
#c356cc rgb(195,86,204)
```
#cc56cc
```
#cc56cc rgb(204,86,204)
```

Similar Colors

Text with hexadecimal color #af56cc

This text has a font color of #af56cc.

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

#af56cc background color

This paragraph has a background color of #af56cc.

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

#af56cc border color

This element has a border color of #af56cc.

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

CSS codes

.text {color:#af56cc;}

.background {background-color:#af56cc;}

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

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, #0a040c is the darkest color, while #fdfcfe is the lightest one.

#0a040c
```
#0a040c rgb(10,4,12)
```
#16081b
```
#16081b rgb(22,8,27)
```
#230d2a
```
#230d2a rgb(35,13,42)
```
#2f1139
```
#2f1139 rgb(47,17,57)
```
#3c1648
```
#3c1648 rgb(60,22,72)
```
#481a57
```
#481a57 rgb(72,26,87)
```
#551f66
```
#551f66 rgb(85,31,102)
```
#612375
```
#612375 rgb(97,35,117)
```
#6e2884
```
#6e2884 rgb(110,40,132)
```
#7a2c93
```
#7a2c93 rgb(122,44,147)
```
#8731a3
```
#8731a3 rgb(135,49,163)
```
#9336b2
```
#9336b2 rgb(147,54,178)
```
#a03ac1
```
#a03ac1 rgb(160,58,193)
```

Shade Color Variation

#a847c7
```
#a847c7 rgb(168,71,199)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#b665d1
```
#b665d1 rgb(182,101,209)
```
#bd74d5
```
#bd74d5 rgb(189,116,213)
```
#c483da
```
#c483da rgb(196,131,218)
```
#cc92de
```
#cc92de rgb(204,146,222)
```
#d3a1e3
```
#d3a1e3 rgb(211,161,227)
```
#dab0e7
```
#dab0e7 rgb(218,176,231)
```
#e1bfec
```
#e1bfec rgb(225,191,236)
```
#e8cff0
```
#e8cff0 rgb(232,207,240)
```
#efdef5
```
#efdef5 rgb(239,222,245)
```
#f6edf9
```
#f6edf9 rgb(246,237,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#958999
```
#958999 rgb(149,137,153)
```
#9980a2
```
#9980a2 rgb(153,128,162)
```
#9e78aa
```
#9e78aa rgb(158,120,170)
```
#a26fb3
```
#a26fb3 rgb(162,111,179)
```
#a667bb
```
#a667bb rgb(166,103,187)
```
#ab5ec4
```
#ab5ec4 rgb(171,94,196)
```
#af56cc
```
#af56cc rgb(175,86,204)
```
#b34ed4
```
#b34ed4 rgb(179,78,212)
```
#b845dd
```
#b845dd rgb(184,69,221)
```
#bc3de5
```
#bc3de5 rgb(188,61,229)
```
#c034ee
```
#c034ee rgb(192,52,238)
```
#c52cf6
```
#c52cf6 rgb(197,44,246)
```
#c923ff
```
#c923ff rgb(201,35,255)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#88768e Atypical Achromatopsia 0.001% of the population

Dichromacy

#417fe9 Protanopia 1% of men
#5d82c3 Deuteranopia 1% of men
#a5757e Tritanopia 0.001% of the population

Trichromacy

#6970de Protanomaly 1% of men, 0.01% of women
#7b72c6 Deuteranomaly 6% of men, 0.4% of women
#a96a9a Tritanomaly 0.01% of the population

#af56cc hex color

#af56cc Color Information

#af56cc Color Conversion

Color Schemes with #af56cc

Alternatives to #af56cc

#af56cc Preview

Shades and Tints of #af56cc

Tones of #af56cc

Color Blindness Simulator