#af4dcc hex color

In a RGB color space, hex #af4dcc is composed of 68.6% red, 30.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 62.3% magenta, 0% yellow and 20% black. It has a hue angle of 286.3 degrees, a saturation of 55.5% and a lightness of 55.1%. #af4dcc color hex could be obtained by blending #ff9aff with #5f0099. Closest websafe color is: #9966cc.

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

● #af4dcc color description : Moderate magenta.

The hexadecimal color #af4dcc has RGB values of R:175, G:77, B:204 and CMYK values of C:0.14, M:0.62, Y:0, K:0.2. Its decimal value is 11488716.

Hex triplet	af4dcc	`#af4dcc`
RGB Decimal	175, 77, 204	`rgb(175,77,204)`
RGB Percent	68.6, 30.2, 80	`rgb(68.6%,30.2%,80%)`
CMYK	14, 62, 0, 20
HSL	286.3°, 55.5, 55.1	`hsl(286.3,55.5%,55.1%)`
HSV (or HSB)	286.3°, 62.3, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.432, 58.682, -48.61
XYZ	31.231, 18.783, 59.104
xyY	0.286, 0.172, 18.783
CIE-LCH	50.432, 76.201, 320.363
CIE-LUV	50.432, 37.344, -81
Hunter-Lab	43.339, 52.788, -50.52
Binary	10101111, 01001101, 11001100

#af4dcc
```
#af4dcc rgb(175,77,204)
```
#6acc4d
```
#6acc4d rgb(106,204,77)
```

Complementary Color

#704dcc
```
#704dcc rgb(112,77,204)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#cc4daa
```
#cc4daa rgb(204,77,170)
```

Analogous Color

#4dcc70
```
#4dcc70 rgb(77,204,112)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#aacc4d
```
#aacc4d rgb(170,204,77)
```

Split Complementary Color

#4dccaf
```
#4dccaf rgb(77,204,175)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#ccaf4d
```
#ccaf4d rgb(204,175,77)
```

Triadic Color

#4d6acc
```
#4d6acc rgb(77,106,204)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#ccaf4d
```
#ccaf4d rgb(204,175,77)
```
#6acc4d
```
#6acc4d rgb(106,204,77)
```

Tetradic Color

#852e9f
```
#852e9f rgb(133,46,159)
```
#9633b3
```
#9633b3 rgb(150,51,179)
```
#a639c6
```
#a639c6 rgb(166,57,198)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#b861d2
```
#b861d2 rgb(184,97,210)
```
#c175d7
```
#c175d7 rgb(193,117,215)
```
#ca88dd
```
#ca88dd rgb(202,136,221)
```

Monochromatic Color

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

#8f4dcc
```
#8f4dcc rgb(143,77,204)
```
#9a4dcc
```
#9a4dcc rgb(154,77,204)
```
#a44dcc
```
#a44dcc rgb(164,77,204)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#ba4dcc
```
#ba4dcc rgb(186,77,204)
```
#c44dcc
```
#c44dcc rgb(196,77,204)
```
#cc4dc9
```
#cc4dc9 rgb(204,77,201)
```

Similar Colors

Text with hexadecimal color #af4dcc

This text has a font color of #af4dcc.

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

#af4dcc background color

This paragraph has a background color of #af4dcc.

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

#af4dcc border color

This element has a border color of #af4dcc.

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

CSS codes

.text {color:#af4dcc;}

.background {background-color:#af4dcc;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#110614
```
#110614 rgb(17,6,20)
```
#1e0a23
```
#1e0a23 rgb(30,10,35)
```
#2a0f33
```
#2a0f33 rgb(42,15,51)
```
#371342
```
#371342 rgb(55,19,66)
```
#441751
```
#441751 rgb(68,23,81)
```
#511c60
```
#511c60 rgb(81,28,96)
```
#5d2070
```
#5d2070 rgb(93,32,112)
```
#6a247f
```
#6a247f rgb(106,36,127)
```
#77298e
```
#77298e rgb(119,41,142)
```
#842d9d
```
#842d9d rgb(132,45,157)
```
#9131ad
```
#9131ad rgb(145,49,173)
```
#9d36bc
```
#9d36bc rgb(157,54,188)
```

Shade Color Variation

#a83ec8
```
#a83ec8 rgb(168,62,200)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#b65cd0
```
#b65cd0 rgb(182,92,208)
```
#bd6bd5
```
#bd6bd5 rgb(189,107,213)
```
#c47bd9
```
#c47bd9 rgb(196,123,217)
```
#ca8add
```
#ca8add rgb(202,138,221)
```
#d199e2
```
#d199e2 rgb(209,153,226)
```
#d8a8e6
```
#d8a8e6 rgb(216,168,230)
```
#dfb8eb
```
#dfb8eb rgb(223,184,235)
```
#e6c7ef
```
#e6c7ef rgb(230,199,239)
```
#edd6f3
```
#edd6f3 rgb(237,214,243)
```
#f4e5f8
```
#f4e5f8 rgb(244,229,248)
```
#faf5fc
```
#faf5fc rgb(250,245,252)
```

Tint Color Variation

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

#8e8b8e
```
#8e8b8e rgb(142,139,142)
```
#928297
```
#928297 rgb(146,130,151)
```
#9779a0
```
#9779a0 rgb(151,121,160)
```
#9c70a9
```
#9c70a9 rgb(156,112,169)
```
#a167b2
```
#a167b2 rgb(161,103,178)
```
#a55fba
```
#a55fba rgb(165,95,186)
```
#aa56c3
```
#aa56c3 rgb(170,86,195)
```
#af4dcc
```
#af4dcc rgb(175,77,204)
```
#b444d5
```
#b444d5 rgb(180,68,213)
```
#b93bde
```
#b93bde rgb(185,59,222)
```
#bd33e6
```
#bd33e6 rgb(189,51,230)
```
#c22aef
```
#c22aef rgb(194,42,239)
```
#c721f8
```
#c721f8 rgb(199,33,248)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#84708a Atypical Achromatopsia 0.001% of the population

Dichromacy

#267bed Protanopia 1% of men
#557fc1 Deuteranopia 1% of men
#a47078 Tritanopia 0.001% of the population

Trichromacy

#586ae1 Protanomaly 1% of men, 0.01% of women
#756dc5 Deuteranomaly 6% of men, 0.4% of women
#a86396 Tritanomaly 0.01% of the population

#af4dcc hex color

#af4dcc Color Information

#af4dcc Color Conversion

Color Schemes with #af4dcc

Alternatives to #af4dcc

#af4dcc Preview

Shades and Tints of #af4dcc

Tones of #af4dcc

Color Blindness Simulator