#af5dcd hex color

In a RGB color space, hex #af5dcd is composed of 68.6% red, 36.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 54.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 283.9 degrees, a saturation of 52.8% and a lightness of 58.4%. #af5dcd color hex could be obtained by blending #ffbaff with #5f009b. Closest websafe color is: #9966cc.

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

● #af5dcd color description : Moderate violet.

The hexadecimal color #af5dcd has RGB values of R:175, G:93, B:205 and CMYK values of C:0.15, M:0.55, Y:0, K:0.2. Its decimal value is 11492813.

Hex triplet	af5dcd	`#af5dcd`
RGB Decimal	175, 93, 205	`rgb(175,93,205)`
RGB Percent	68.6, 36.5, 80.4	`rgb(68.6%,36.5%,80.4%)`
CMYK	15, 55, 0, 20
HSL	283.9°, 52.8, 58.4	`hsl(283.9,52.8%,58.4%)`
HSV (or HSB)	283.9°, 54.6, 80.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.332, 51.192, -44.574
XYZ	32.612, 21.352, 60.158
xyY	0.286, 0.187, 21.352
CIE-LCH	53.332, 67.879, 318.953
CIE-LUV	53.332, 32.403, -74.91
Hunter-Lab	46.208, 45.115, -44.844
Binary	10101111, 01011101, 11001101

#af5dcd
```
#af5dcd rgb(175,93,205)
```
#7bcd5d
```
#7bcd5d rgb(123,205,93)
```

Complementary Color

#775dcd
```
#775dcd rgb(119,93,205)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#cd5db3
```
#cd5db3 rgb(205,93,179)
```

Analogous Color

#5dcd77
```
#5dcd77 rgb(93,205,119)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#b3cd5d
```
#b3cd5d rgb(179,205,93)
```

Split Complementary Color

#5dcdaf
```
#5dcdaf rgb(93,205,175)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#cdaf5d
```
#cdaf5d rgb(205,175,93)
```

Triadic Color

#5d7bcd
```
#5d7bcd rgb(93,123,205)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#cdaf5d
```
#cdaf5d rgb(205,175,93)
```
#7bcd5d
```
#7bcd5d rgb(123,205,93)
```

Tetradic Color

#8a34a9
```
#8a34a9 rgb(138,52,169)
```
#9a3abd
```
#9a3abd rgb(154,58,189)
```
#a54ac7
```
#a54ac7 rgb(165,74,199)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#b970d3
```
#b970d3 rgb(185,112,211)
```
#c284d9
```
#c284d9 rgb(194,132,217)
```
#cc97df
```
#cc97df rgb(204,151,223)
```

Monochromatic Color

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

#935dcd
```
#935dcd rgb(147,93,205)
```
#9c5dcd
```
#9c5dcd rgb(156,93,205)
```
#a65dcd
```
#a65dcd rgb(166,93,205)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#b85dcd
```
#b85dcd rgb(184,93,205)
```
#c25dcd
```
#c25dcd rgb(194,93,205)
```
#cb5dcd
```
#cb5dcd rgb(203,93,205)
```

Similar Colors

Text with hexadecimal color #af5dcd

This text has a font color of #af5dcd.

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

#af5dcd background color

This paragraph has a background color of #af5dcd.

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

#af5dcd border color

This element has a border color of #af5dcd.

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

CSS codes

.text {color:#af5dcd;}

.background {background-color:#af5dcd;}

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

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)
```
#33133f
```
#33133f rgb(51,19,63)
```
#3f184e
```
#3f184e rgb(63,24,78)
```
#4c1d5d
```
#4c1d5d rgb(76,29,93)
```
#58216c
```
#58216c rgb(88,33,108)
```
#64267b
```
#64267b rgb(100,38,123)
```
#702b8a
```
#702b8a rgb(112,43,138)
```
#7c2f99
```
#7c2f99 rgb(124,47,153)
```
#8934a8
```
#8934a8 rgb(137,52,168)
```
#9538b7
```
#9538b7 rgb(149,56,183)
```

Shade Color Variation

#a03fc4
```
#a03fc4 rgb(160,63,196)
```
#a84ec8
```
#a84ec8 rgb(168,78,200)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#b66cd2
```
#b66cd2 rgb(182,108,210)
```
#be7bd6
```
#be7bd6 rgb(190,123,214)
```
#c58adb
```
#c58adb rgb(197,138,219)
```
#cd99e0
```
#cd99e0 rgb(205,153,224)
```
#d4a8e4
```
#d4a8e4 rgb(212,168,228)
```
#dbb7e9
```
#dbb7e9 rgb(219,183,233)
```
#e3c6ed
```
#e3c6ed rgb(227,198,237)
```
#ead5f2
```
#ead5f2 rgb(234,213,242)
```
#f2e4f7
```
#f2e4f7 rgb(242,228,247)
```
#f9f3fb
```
#f9f3fb rgb(249,243,251)
```

Tint Color Variation

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

#988e9c
```
#988e9c rgb(152,142,156)
```
#9c86a4
```
#9c86a4 rgb(156,134,164)
```
#a07eac
```
#a07eac rgb(160,126,172)
```
#a475b5
```
#a475b5 rgb(164,117,181)
```
#a76dbd
```
#a76dbd rgb(167,109,189)
```
#ab65c5
```
#ab65c5 rgb(171,101,197)
```
#af5dcd
```
#af5dcd rgb(175,93,205)
```
#b355d5
```
#b355d5 rgb(179,85,213)
```
#b74ddd
```
#b74ddd rgb(183,77,221)
```
#ba45e5
```
#ba45e5 rgb(186,69,229)
```
#be3cee
```
#be3cee rgb(190,60,238)
```
#c234f6
```
#c234f6 rgb(194,52,246)
```
#c62cfe
```
#c62cfe rgb(198,44,254)
```

Tone Color Variation

Below, you can see how #af5dcd 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
#8b7b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e82e7 Protanopia 1% of men
#6485c5 Deuteranopia 1% of men
#a57a82 Tritanopia 0.001% of the population

Trichromacy

#7175dd Protanomaly 1% of men, 0.01% of women
#7f76c8 Deuteranomaly 6% of men, 0.4% of women
#a96f9d Tritanomaly 0.01% of the population

#af5dcd hex color

#af5dcd Color Information

#af5dcd Color Conversion

Color Schemes with #af5dcd

Alternatives to #af5dcd

#af5dcd Preview

Shades and Tints of #af5dcd

Tones of #af5dcd

Color Blindness Simulator