#af66cc hex color

In a RGB color space, hex #af66cc is composed of 68.6% red, 40% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 50% magenta, 0% yellow and 20% black. It has a hue angle of 282.9 degrees, a saturation of 50% and a lightness of 60%. #af66cc color hex could be obtained by blending #ffccff with #5f0099. Closest websafe color is: #9966cc.

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

● #af66cc color description : Moderate violet.

The hexadecimal color #af66cc has RGB values of R:175, G:102, B:204 and CMYK values of C:0.14, M:0.5, Y:0, K:0.2. Its decimal value is 11495116.

Hex triplet	af66cc	`#af66cc`
RGB Decimal	175, 102, 204	`rgb(175,102,204)`
RGB Percent	68.6, 40, 80	`rgb(68.6%,40%,80%)`
CMYK	14, 50, 0, 20
HSL	282.9°, 50, 60	`hsl(282.9,50%,60%)`
HSV (or HSB)	282.9°, 50, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	55.049, 46.337, -41.291
XYZ	33.328, 22.977, 59.803
xyY	0.287, 0.198, 22.977
CIE-LCH	55.049, 62.065, 318.296
CIE-LUV	55.049, 29.578, -69.655
Hunter-Lab	47.935, 40.223, -40.415
Binary	10101111, 01100110, 11001100

#af66cc
```
#af66cc rgb(175,102,204)
```
#83cc66
```
#83cc66 rgb(131,204,102)
```

Complementary Color

#7c66cc
```
#7c66cc rgb(124,102,204)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#cc66b6
```
#cc66b6 rgb(204,102,182)
```

Analogous Color

#66cc7c
```
#66cc7c rgb(102,204,124)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#b6cc66
```
#b6cc66 rgb(182,204,102)
```

Split Complementary Color

#66ccaf
```
#66ccaf rgb(102,204,175)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#ccaf66
```
#ccaf66 rgb(204,175,102)
```

Triadic Color

#6683cc
```
#6683cc rgb(102,131,204)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#ccaf66
```
#ccaf66 rgb(204,175,102)
```
#83cc66
```
#83cc66 rgb(131,204,102)
```

Tetradic Color

#8c39ac
```
#8c39ac rgb(140,57,172)
```
#9b40bf
```
#9b40bf rgb(155,64,191)
```
#a553c6
```
#a553c6 rgb(165,83,198)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#b979d2
```
#b979d2 rgb(185,121,210)
```
#c38cd9
```
#c38cd9 rgb(195,140,217)
```
#cd9fdf
```
#cd9fdf rgb(205,159,223)
```

Monochromatic Color

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

#9666cc
```
#9666cc rgb(150,102,204)
```
#9e66cc
```
#9e66cc rgb(158,102,204)
```
#a766cc
```
#a766cc rgb(167,102,204)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#b866cc
```
#b866cc rgb(184,102,204)
```
#c066cc
```
#c066cc rgb(192,102,204)
```
#c966cc
```
#c966cc rgb(201,102,204)
```

Similar Colors

Text with hexadecimal color #af66cc

This text has a font color of #af66cc.

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

#af66cc background color

This paragraph has a background color of #af66cc.

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

#af66cc border color

This element has a border color of #af66cc.

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

CSS codes

.text {color:#af66cc;}

.background {background-color:#af66cc;}

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

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

#070309
```
#070309 rgb(7,3,9)
```
#130818
```
#130818 rgb(19,8,24)
```
#1f0d26
```
#1f0d26 rgb(31,13,38)
```
#2b1235
```
#2b1235 rgb(43,18,53)
```
#371744
```
#371744 rgb(55,23,68)
```
#431b52
```
#431b52 rgb(67,27,82)
```
#4f2061
```
#4f2061 rgb(79,32,97)
```
#5b2570
```
#5b2570 rgb(91,37,112)
```
#672a7f
```
#672a7f rgb(103,42,127)
```
#722f8d
```
#722f8d rgb(114,47,141)
```
#7e349c
```
#7e349c rgb(126,52,156)
```
#8a39ab
```
#8a39ab rgb(138,57,171)
```
#963eb9
```
#963eb9 rgb(150,62,185)
```

Shade Color Variation

#a049c2
```
#a049c2 rgb(160,73,194)
```
#a757c7
```
#a757c7 rgb(167,87,199)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#b775d1
```
#b775d1 rgb(183,117,209)
```
#be83d6
```
#be83d6 rgb(190,131,214)
```
#c692db
```
#c692db rgb(198,146,219)
```
#cea1e0
```
#cea1e0 rgb(206,161,224)
```
#d5b0e5
```
#d5b0e5 rgb(213,176,229)
```
#ddbee9
```
#ddbee9 rgb(221,190,233)
```
#e5cdee
```
#e5cdee rgb(229,205,238)
```
#eddcf3
```
#eddcf3 rgb(237,220,243)
```
#f4eaf8
```
#f4eaf8 rgb(244,234,248)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#9b959d
```
#9b959d rgb(155,149,157)
```
#9e8da5
```
#9e8da5 rgb(158,141,165)
```
#a185ad
```
#a185ad rgb(161,133,173)
```
#a57eb4
```
#a57eb4 rgb(165,126,180)
```
#a876bc
```
#a876bc rgb(168,118,188)
```
#ac6ec4
```
#ac6ec4 rgb(172,110,196)
```
#af66cc
```
#af66cc rgb(175,102,204)
```
#b25ed4
```
#b25ed4 rgb(178,94,212)
```
#b656dc
```
#b656dc rgb(182,86,220)
```
#b94ee4
```
#b94ee4 rgb(185,78,228)
```
#bd47eb
```
#bd47eb rgb(189,71,235)
```
#c03ff3
```
#c03ff3 rgb(192,63,243)
```
#c337fb
```
#c337fb rgb(195,55,251)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e87e2 Protanopia 1% of men
#6d89c5 Deuteranopia 1% of men
#a67f88 Tritanopia 0.001% of the population

Trichromacy

#7b7bda Protanomaly 1% of men, 0.01% of women
#857cc8 Deuteranomaly 6% of men, 0.4% of women
#a976a1 Tritanomaly 0.01% of the population

#af66cc hex color

#af66cc Color Information

#af66cc Color Conversion

Color Schemes with #af66cc

Alternatives to #af66cc

#af66cc Preview

Shades and Tints of #af66cc

Tones of #af66cc

Color Blindness Simulator