#af8cc4 hex color

In a RGB color space, hex #af8cc4 is composed of 68.6% red, 54.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 28.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 277.5 degrees, a saturation of 32.2% and a lightness of 65.9%. #af8cc4 color hex could be obtained by blending #ffffff with #5f1989. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 55
- B 77
RGB color chart
- C 11
- M 29
- Y 0
- K 23
CMYK color chart

● #af8cc4 color description : Slightly desaturated violet.

The hexadecimal color #af8cc4 has RGB values of R:175, G:140, B:196 and CMYK values of C:0.11, M:0.29, Y:0, K:0.23. Its decimal value is 11504836.

Hex triplet	af8cc4	`#af8cc4`
RGB Decimal	175, 140, 196	`rgb(175,140,196)`
RGB Percent	68.6, 54.9, 76.9	`rgb(68.6%,54.9%,76.9%)`
CMYK	11, 29, 0, 23
HSL	277.5°, 32.2, 65.9	`hsl(277.5,32.2%,65.9%)`
HSV (or HSB)	277.5°, 28.6, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.224, 23.665, -24.048
XYZ	37.02, 31.856, 56.42
xyY	0.295, 0.254, 31.856
CIE-LCH	63.224, 33.739, 314.54
CIE-LUV	63.224, 15.296, -40.48
Hunter-Lab	56.441, 18.305, -19.759
Binary	10101111, 10001100, 11000100

#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#a1c48c
```
#a1c48c rgb(161,196,140)
```

Complementary Color

#938cc4
```
#938cc4 rgb(147,140,196)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#c48cbd
```
#c48cbd rgb(196,140,189)
```

Analogous Color

#8cc493
```
#8cc493 rgb(140,196,147)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#bdc48c
```
#bdc48c rgb(189,196,140)
```

Split Complementary Color

#8cc4af
```
#8cc4af rgb(140,196,175)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#c4af8c
```
#c4af8c rgb(196,175,140)
```

Triadic Color

#8ca1c4
```
#8ca1c4 rgb(140,161,196)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#c4af8c
```
#c4af8c rgb(196,175,140)
```
#a1c48c
```
#a1c48c rgb(161,196,140)
```

Tetradic Color

#8c59aa
```
#8c59aa rgb(140,89,170)
```
#986ab3
```
#986ab3 rgb(152,106,179)
```
#a37bbb
```
#a37bbb rgb(163,123,187)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#bb9dcd
```
#bb9dcd rgb(187,157,205)
```
#c6aed5
```
#c6aed5 rgb(198,174,213)
```
#d2bfde
```
#d2bfde rgb(210,191,222)
```

Monochromatic Color

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

#a18cc4
```
#a18cc4 rgb(161,140,196)
```
#a68cc4
```
#a68cc4 rgb(166,140,196)
```
#aa8cc4
```
#aa8cc4 rgb(170,140,196)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#b48cc4
```
#b48cc4 rgb(180,140,196)
```
#b88cc4
```
#b88cc4 rgb(184,140,196)
```
#bd8cc4
```
#bd8cc4 rgb(189,140,196)
```

Similar Colors

Text with hexadecimal color #af8cc4

This text has a font color of #af8cc4.

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

#af8cc4 background color

This paragraph has a background color of #af8cc4.

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

#af8cc4 border color

This element has a border color of #af8cc4.

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

CSS codes

.text {color:#af8cc4;}

.background {background-color:#af8cc4;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0c080f
```
#0c080f rgb(12,8,15)
```
#170e1c
```
#170e1c rgb(23,14,28)
```
#211529
```
#211529 rgb(33,21,41)
```
#2c1b36
```
#2c1b36 rgb(44,27,54)
```
#362242
```
#362242 rgb(54,34,66)
```
#41294f
```
#41294f rgb(65,41,79)
```
#4c2f5c
```
#4c2f5c rgb(76,47,92)
```
#563669
```
#563669 rgb(86,54,105)
```
#613d76
```
#613d76 rgb(97,61,118)
```
#6b4383
```
#6b4383 rgb(107,67,131)
```
#764a90
```
#764a90 rgb(118,74,144)
```
#81519d
```
#81519d rgb(129,81,157)
```

Shade Color Variation

#8b58a9
```
#8b58a9 rgb(139,88,169)
```
#9465b0
```
#9465b0 rgb(148,101,176)
```
#9d72b7
```
#9d72b7 rgb(157,114,183)
```
#a67fbd
```
#a67fbd rgb(166,127,189)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#b899cb
```
#b899cb rgb(184,153,203)
```
#c1a6d1
```
#c1a6d1 rgb(193,166,209)
```
#cab3d8
```
#cab3d8 rgb(202,179,216)
```
#d3c0df
```
#d3c0df rgb(211,192,223)
```
#dccde5
```
#dccde5 rgb(220,205,229)
```
#e5daec
```
#e5daec rgb(229,218,236)
```
#eee7f3
```
#eee7f3 rgb(238,231,243)
```
#f7f4f9
```
#f7f4f9 rgb(247,244,249)
```

Tint Color Variation

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

#a8a7a9
```
#a8a7a9 rgb(168,167,169)
```
#aaa0b0
```
#aaa0b0 rgb(170,160,176)
```
#ac99b7
```
#ac99b7 rgb(172,153,183)
```
#ad93bd
```
#ad93bd rgb(173,147,189)
```
#af8cc4
```
#af8cc4 rgb(175,140,196)
```
#b185cb
```
#b185cb rgb(177,133,203)
```
#b27fd1
```
#b27fd1 rgb(178,127,209)
```
#b478d8
```
#b478d8 rgb(180,120,216)
```
#b671df
```
#b671df rgb(182,113,223)
```
#b76be5
```
#b76be5 rgb(183,107,229)
```
#b964ec
```
#b964ec rgb(185,100,236)
```
#bb5df3
```
#bb5df3 rgb(187,93,243)
```
#bc56fa
```
#bc56fa rgb(188,86,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19aa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ccd Protanopia 1% of men
#989bc3 Deuteranopia 1% of men
#ac99a3 Tritanopia 0.001% of the population

Trichromacy

#9a96ca Protanomaly 1% of men, 0.01% of women
#a095c3 Deuteranomaly 6% of men, 0.4% of women
#ad94af Tritanomaly 0.01% of the population

#af8cc4 hex color

#af8cc4 Color Information

#af8cc4 Color Conversion

Color Schemes with #af8cc4

Alternatives to #af8cc4

#af8cc4 Preview

Shades and Tints of #af8cc4

Tones of #af8cc4

Color Blindness Simulator