#af5ecc hex color

In a RGB color space, hex #af5ecc is composed of 68.6% red, 36.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 53.9% magenta, 0% yellow and 20% black. It has a hue angle of 284.2 degrees, a saturation of 51.9% and a lightness of 58.4%. #af5ecc color hex could be obtained by blending #ffbcff with #5f0099. Closest websafe color is: #9966cc.

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

● #af5ecc color description : Moderate violet.

The hexadecimal color #af5ecc has RGB values of R:175, G:94, B:204 and CMYK values of C:0.14, M:0.54, Y:0, K:0.2. Its decimal value is 11493068.

Hex triplet	af5ecc	`#af5ecc`
RGB Decimal	175, 94, 204	`rgb(175,94,204)`
RGB Percent	68.6, 36.9, 80	`rgb(68.6%,36.9%,80%)`
CMYK	14, 54, 0, 20
HSL	284.2°, 51.9, 58.4	`hsl(284.2,51.9%,58.4%)`
HSV (or HSB)	284.2°, 53.9, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.471, 50.479, -43.783
XYZ	32.58, 21.48, 59.553
xyY	0.287, 0.189, 21.48
CIE-LCH	53.471, 66.822, 319.063
CIE-LUV	53.471, 32.294, -73.636
Hunter-Lab	46.347, 44.371, -43.742
Binary	10101111, 01011110, 11001100

#af5ecc
```
#af5ecc rgb(175,94,204)
```
#7bcc5e
```
#7bcc5e rgb(123,204,94)
```

Complementary Color

#785ecc
```
#785ecc rgb(120,94,204)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#cc5eb2
```
#cc5eb2 rgb(204,94,178)
```

Analogous Color

#5ecc78
```
#5ecc78 rgb(94,204,120)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b2cc5e
```
#b2cc5e rgb(178,204,94)
```

Split Complementary Color

#5eccaf
```
#5eccaf rgb(94,204,175)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#ccaf5e
```
#ccaf5e rgb(204,175,94)
```

Triadic Color

#5e7bcc
```
#5e7bcc rgb(94,123,204)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#ccaf5e
```
#ccaf5e rgb(204,175,94)
```
#7bcc5e
```
#7bcc5e rgb(123,204,94)
```

Tetradic Color

#8a35a8
```
#8a35a8 rgb(138,53,168)
```
#9a3bbc
```
#9a3bbc rgb(154,59,188)
```
#a54bc6
```
#a54bc6 rgb(165,75,198)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b971d2
```
#b971d2 rgb(185,113,210)
```
#c285d8
```
#c285d8 rgb(194,133,216)
```
#cc98de
```
#cc98de rgb(204,152,222)
```

Monochromatic Color

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

#945ecc
```
#945ecc rgb(148,94,204)
```
#9d5ecc
```
#9d5ecc rgb(157,94,204)
```
#a65ecc
```
#a65ecc rgb(166,94,204)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b85ecc
```
#b85ecc rgb(184,94,204)
```
#c15ecc
```
#c15ecc rgb(193,94,204)
```
#cb5ecc
```
#cb5ecc rgb(203,94,204)
```

Similar Colors

Text with hexadecimal color #af5ecc

This text has a font color of #af5ecc.

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

#af5ecc background color

This paragraph has a background color of #af5ecc.

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

#af5ecc border color

This element has a border color of #af5ecc.

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

CSS codes

.text {color:#af5ecc;}

.background {background-color:#af5ecc;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0f0612
```
#0f0612 rgb(15,6,18)
```
#1b0a21
```
#1b0a21 rgb(27,10,33)
```
#270f30
```
#270f30 rgb(39,15,48)
```
#33143e
```
#33143e rgb(51,20,62)
```
#3f194d
```
#3f194d rgb(63,25,77)
```
#4c1d5c
```
#4c1d5c rgb(76,29,92)
```
#58226b
```
#58226b rgb(88,34,107)
```
#64277a
```
#64277a rgb(100,39,122)
```
#702b89
```
#702b89 rgb(112,43,137)
```
#7c3098
```
#7c3098 rgb(124,48,152)
```
#8935a7
```
#8935a7 rgb(137,53,167)
```
#953ab6
```
#953ab6 rgb(149,58,182)
```

Shade Color Variation

#a040c3
```
#a040c3 rgb(160,64,195)
```
#a84fc7
```
#a84fc7 rgb(168,79,199)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b66dd1
```
#b66dd1 rgb(182,109,209)
```
#be7cd5
```
#be7cd5 rgb(190,124,213)
```
#c58bda
```
#c58bda rgb(197,139,218)
```
#cd9adf
```
#cd9adf rgb(205,154,223)
```
#d4a8e4
```
#d4a8e4 rgb(212,168,228)
```
#dbb7e8
```
#dbb7e8 rgb(219,183,232)
```
#e3c6ed
```
#e3c6ed rgb(227,198,237)
```
#ead5f2
```
#ead5f2 rgb(234,213,242)
```
#f2e4f6
```
#f2e4f6 rgb(242,228,246)
```
#f9f3fb
```
#f9f3fb rgb(249,243,251)
```

Tint Color Variation

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

#988f9b
```
#988f9b rgb(152,143,155)
```
#9c87a3
```
#9c87a3 rgb(156,135,163)
```
#a07fab
```
#a07fab rgb(160,127,171)
```
#a376b4
```
#a376b4 rgb(163,118,180)
```
#a76ebc
```
#a76ebc rgb(167,110,188)
```
#ab66c4
```
#ab66c4 rgb(171,102,196)
```
#af5ecc
```
#af5ecc rgb(175,94,204)
```
#b356d4
```
#b356d4 rgb(179,86,212)
```
#b74edc
```
#b74edc rgb(183,78,220)
```
#bb46e4
```
#bb46e4 rgb(187,70,228)
```
#be3ded
```
#be3ded rgb(190,61,237)
```
#c235f5
```
#c235f5 rgb(194,53,245)
```
#c62dfd
```
#c62dfd rgb(198,45,253)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5183e5 Protanopia 1% of men
#6586c4 Deuteranopia 1% of men
#a67a83 Tritanopia 0.001% of the population

Trichromacy

#7375dc Protanomaly 1% of men, 0.01% of women
#8077c7 Deuteranomaly 6% of men, 0.4% of women
#a9709d Tritanomaly 0.01% of the population

#af5ecc hex color

#af5ecc Color Information

#af5ecc Color Conversion

Color Schemes with #af5ecc

Alternatives to #af5ecc

#af5ecc Preview

Shades and Tints of #af5ecc

Tones of #af5ecc

Color Blindness Simulator