#af5ecd hex color

In a RGB color space, hex #af5ecd is composed of 68.6% red, 36.9% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 54.1% magenta, 0% yellow and 19.6% black. It has a hue angle of 283.8 degrees, a saturation of 52.6% and a lightness of 58.6%. #af5ecd color hex could be obtained by blending #ffbcff with #5f009b. Closest websafe color is: #9966cc.

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

● #af5ecd color description : Moderate violet.

The hexadecimal color #af5ecd has RGB values of R:175, G:94, B:205 and CMYK values of C:0.15, M:0.54, Y:0, K:0.2. Its decimal value is 11493069.

Hex triplet	af5ecd	`#af5ecd`
RGB Decimal	175, 94, 205	`rgb(175,94,205)`
RGB Percent	68.6, 36.9, 80.4	`rgb(68.6%,36.9%,80.4%)`
CMYK	15, 54, 0, 20
HSL	283.8°, 52.6, 58.6	`hsl(283.8,52.6%,58.6%)`
HSV (or HSB)	283.8°, 54.1, 80.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.523, 50.686, -44.272
XYZ	32.7, 21.528, 60.187
xyY	0.286, 0.188, 21.528
CIE-LCH	53.523, 67.298, 318.864
CIE-LUV	53.523, 32.08, -74.436
Hunter-Lab	46.398, 44.603, -44.431
Binary	10101111, 01011110, 11001101

#af5ecd
```
#af5ecd rgb(175,94,205)
```
#7ccd5e
```
#7ccd5e rgb(124,205,94)
```

Complementary Color

#785ecd
```
#785ecd rgb(120,94,205)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#cd5eb4
```
#cd5eb4 rgb(205,94,180)
```

Analogous Color

#5ecd78
```
#5ecd78 rgb(94,205,120)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#b4cd5e
```
#b4cd5e rgb(180,205,94)
```

Split Complementary Color

#5ecdaf
```
#5ecdaf rgb(94,205,175)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#cdaf5e
```
#cdaf5e rgb(205,175,94)
```

Triadic Color

#5e7ccd
```
#5e7ccd rgb(94,124,205)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#cdaf5e
```
#cdaf5e rgb(205,175,94)
```
#7ccd5e
```
#7ccd5e rgb(124,205,94)
```

Tetradic Color

#8a35aa
```
#8a35aa rgb(138,53,170)
```
#9a3bbd
```
#9a3bbd rgb(154,59,189)
```
#a54bc7
```
#a54bc7 rgb(165,75,199)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#b971d3
```
#b971d3 rgb(185,113,211)
```
#c285d9
```
#c285d9 rgb(194,133,217)
```
#cc98df
```
#cc98df rgb(204,152,223)
```

Monochromatic Color

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

#935ecd
```
#935ecd rgb(147,94,205)
```
#9d5ecd
```
#9d5ecd rgb(157,94,205)
```
#a65ecd
```
#a65ecd rgb(166,94,205)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#b85ecd
```
#b85ecd rgb(184,94,205)
```
#c25ecd
```
#c25ecd rgb(194,94,205)
```
#cb5ecd
```
#cb5ecd rgb(203,94,205)
```

Similar Colors

Text with hexadecimal color #af5ecd

This text has a font color of #af5ecd.

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

#af5ecd background color

This paragraph has a background color of #af5ecd.

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

#af5ecd border color

This element has a border color of #af5ecd.

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

CSS codes

.text {color:#af5ecd;}

.background {background-color:#af5ecd;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0f0613
```
#0f0613 rgb(15,6,19)
```
#1b0a22
```
#1b0a22 rgb(27,10,34)
```
#270f31
```
#270f31 rgb(39,15,49)
```
#341440
```
#341440 rgb(52,20,64)
```
#40184e
```
#40184e rgb(64,24,78)
```
#4c1d5d
```
#4c1d5d rgb(76,29,93)
```
#58226c
```
#58226c rgb(88,34,108)
```
#64267b
```
#64267b rgb(100,38,123)
```
#712b8a
```
#712b8a rgb(113,43,138)
```
#7d3099
```
#7d3099 rgb(125,48,153)
```
#8934a8
```
#8934a8 rgb(137,52,168)
```
#9539b7
```
#9539b7 rgb(149,57,183)
```

Shade Color Variation

#a040c4
```
#a040c4 rgb(160,64,196)
```
#a84fc8
```
#a84fc8 rgb(168,79,200)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#b66dd2
```
#b66dd2 rgb(182,109,210)
```
#be7cd6
```
#be7cd6 rgb(190,124,214)
```
#c58bdb
```
#c58bdb rgb(197,139,219)
```
#cd9ae0
```
#cd9ae0 rgb(205,154,224)
```
#d4a9e4
```
#d4a9e4 rgb(212,169,228)
```
#dcb8e9
```
#dcb8e9 rgb(220,184,233)
```
#e3c7ee
```
#e3c7ee rgb(227,199,238)
```
#ead6f2
```
#ead6f2 rgb(234,214,242)
```
#f2e5f7
```
#f2e5f7 rgb(242,229,247)
```
#f9f4fb
```
#f9f4fb rgb(249,244,251)
```

Tint Color Variation

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

#998f9c
```
#998f9c rgb(153,143,156)
```
#9c87a4
```
#9c87a4 rgb(156,135,164)
```
#a07ead
```
#a07ead rgb(160,126,173)
```
#a476b5
```
#a476b5 rgb(164,118,181)
```
#a86ebd
```
#a86ebd rgb(168,110,189)
```
#ab66c5
```
#ab66c5 rgb(171,102,197)
```
#af5ecd
```
#af5ecd rgb(175,94,205)
```
#b356d5
```
#b356d5 rgb(179,86,213)
```
#b64edd
```
#b64edd rgb(182,78,221)
```
#ba46e5
```
#ba46e5 rgb(186,70,229)
```
#be3eed
```
#be3eed rgb(190,62,237)
```
#c235f6
```
#c235f6 rgb(194,53,246)
```
#c52dfe
```
#c52dfe rgb(197,45,254)
```

Tone Color Variation

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

#5083e6 Protanopia 1% of men
#6586c5 Deuteranopia 1% of men
#a67b83 Tritanopia 0.001% of the population

Trichromacy

#7275dd Protanomaly 1% of men, 0.01% of women
#7f77c8 Deuteranomaly 6% of men, 0.4% of women
#a9709e Tritanomaly 0.01% of the population

#af5ecd hex color

#af5ecd Color Information

#af5ecd Color Conversion

Color Schemes with #af5ecd

Alternatives to #af5ecd

#af5ecd Preview

Shades and Tints of #af5ecd

Tones of #af5ecd

Color Blindness Simulator