#af5ccc hex color

In a RGB color space, hex #af5ccc is composed of 68.6% red, 36.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 54.9% magenta, 0% yellow and 20% black. It has a hue angle of 284.5 degrees, a saturation of 52.3% and a lightness of 58%. #af5ccc color hex could be obtained by blending #ffb8ff with #5f0099. Closest websafe color is: #9966cc.

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

● #af5ccc color description : Moderate violet.

The hexadecimal color #af5ccc has RGB values of R:175, G:92, B:204 and CMYK values of C:0.14, M:0.55, Y:0, K:0.2. Its decimal value is 11492556.

Hex triplet	af5ccc	`#af5ccc`
RGB Decimal	175, 92, 204	`rgb(175,92,204)`
RGB Percent	68.6, 36.1, 80	`rgb(68.6%,36.1%,80%)`
CMYK	14, 55, 0, 20
HSL	284.5°, 52.3, 58	`hsl(284.5,52.3%,58%)`
HSV (or HSB)	284.5°, 54.9, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.09, 51.49, -44.386
XYZ	32.404, 21.129, 59.495
xyY	0.287, 0.187, 21.129
CIE-LCH	53.09, 67.98, 319.238
CIE-LUV	53.09, 32.94, -74.582
Hunter-Lab	45.966, 45.393, -44.564
Binary	10101111, 01011100, 11001100

#af5ccc
```
#af5ccc rgb(175,92,204)
```
#79cc5c
```
#79cc5c rgb(121,204,92)
```

Complementary Color

#775ccc
```
#775ccc rgb(119,92,204)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#cc5cb1
```
#cc5cb1 rgb(204,92,177)
```

Analogous Color

#5ccc77
```
#5ccc77 rgb(92,204,119)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#b1cc5c
```
#b1cc5c rgb(177,204,92)
```

Split Complementary Color

#5cccaf
```
#5cccaf rgb(92,204,175)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#ccaf5c
```
#ccaf5c rgb(204,175,92)
```

Triadic Color

#5c79cc
```
#5c79cc rgb(92,121,204)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#ccaf5c
```
#ccaf5c rgb(204,175,92)
```
#79cc5c
```
#79cc5c rgb(121,204,92)
```

Tetradic Color

#8934a7
```
#8934a7 rgb(137,52,167)
```
#993abb
```
#993abb rgb(153,58,187)
```
#a549c6
```
#a549c6 rgb(165,73,198)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#b96fd2
```
#b96fd2 rgb(185,111,210)
```
#c283d8
```
#c283d8 rgb(194,131,216)
```
#cc96de
```
#cc96de rgb(204,150,222)
```

Monochromatic Color

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

#935ccc
```
#935ccc rgb(147,92,204)
```
#9c5ccc
```
#9c5ccc rgb(156,92,204)
```
#a65ccc
```
#a65ccc rgb(166,92,204)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#b85ccc
```
#b85ccc rgb(184,92,204)
```
#c25ccc
```
#c25ccc rgb(194,92,204)
```
#cb5ccc
```
#cb5ccc rgb(203,92,204)
```

Similar Colors

Text with hexadecimal color #af5ccc

This text has a font color of #af5ccc.

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

#af5ccc background color

This paragraph has a background color of #af5ccc.

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

#af5ccc border color

This element has a border color of #af5ccc.

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

CSS codes

.text {color:#af5ccc;}

.background {background-color:#af5ccc;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0d0510
```
#0d0510 rgb(13,5,16)
```
#1a0a1f
```
#1a0a1f rgb(26,10,31)
```
#260e2e
```
#260e2e rgb(38,14,46)
```
#32133d
```
#32133d rgb(50,19,61)
```
#3f184c
```
#3f184c rgb(63,24,76)
```
#4b1c5b
```
#4b1c5b rgb(75,28,91)
```
#57216a
```
#57216a rgb(87,33,106)
```
#632679
```
#632679 rgb(99,38,121)
```
#702a88
```
#702a88 rgb(112,42,136)
```
#7c2f97
```
#7c2f97 rgb(124,47,151)
```
#8834a6
```
#8834a6 rgb(136,52,166)
```
#9439b5
```
#9439b5 rgb(148,57,181)
```

Shade Color Variation

#a03ec3
```
#a03ec3 rgb(160,62,195)
```
#a84dc7
```
#a84dc7 rgb(168,77,199)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#b66bd1
```
#b66bd1 rgb(182,107,209)
```
#be7ad5
```
#be7ad5 rgb(190,122,213)
```
#c589da
```
#c589da rgb(197,137,218)
```
#cc98df
```
#cc98df rgb(204,152,223)
```
#d4a7e3
```
#d4a7e3 rgb(212,167,227)
```
#dbb6e8
```
#dbb6e8 rgb(219,182,232)
```
#e2c5ed
```
#e2c5ed rgb(226,197,237)
```
#ead4f1
```
#ead4f1 rgb(234,212,241)
```
#f1e2f6
```
#f1e2f6 rgb(241,226,246)
```
#f8f1fb
```
#f8f1fb rgb(248,241,251)
```

Tint Color Variation

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

#978d9b
```
#978d9b rgb(151,141,155)
```
#9b85a3
```
#9b85a3 rgb(155,133,163)
```
#9f7dab
```
#9f7dab rgb(159,125,171)
```
#a375b3
```
#a375b3 rgb(163,117,179)
```
#a76cbc
```
#a76cbc rgb(167,108,188)
```
#ab64c4
```
#ab64c4 rgb(171,100,196)
```
#af5ccc
```
#af5ccc rgb(175,92,204)
```
#b354d4
```
#b354d4 rgb(179,84,212)
```
#b74cdc
```
#b74cdc rgb(183,76,220)
```
#bb43e5
```
#bb43e5 rgb(187,67,229)
```
#bf3bed
```
#bf3bed rgb(191,59,237)
```
#c333f5
```
#c333f5 rgb(195,51,245)
```
#c72bfd
```
#c72bfd rgb(199,43,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b7a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d82e6 Protanopia 1% of men
#6385c4 Deuteranopia 1% of men
#a67982 Tritanopia 0.001% of the population

Trichromacy

#7174dc Protanomaly 1% of men, 0.01% of women
#7f76c7 Deuteranomaly 6% of men, 0.4% of women
#a96e9c Tritanomaly 0.01% of the population

#af5ccc hex color

#af5ccc Color Information

#af5ccc Color Conversion

Color Schemes with #af5ccc

Alternatives to #af5ccc

#af5ccc Preview

Shades and Tints of #af5ccc

Tones of #af5ccc

Color Blindness Simulator