#af5bd6 hex color

In a RGB color space, hex #af5bd6 is composed of 68.6% red, 35.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 57.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 281 degrees, a saturation of 60% and a lightness of 59.8%. #af5bd6 color hex could be obtained by blending #ffb6ff with #5f00ad. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 84
RGB color chart
- C 18
- M 57
- Y 0
- K 16
CMYK color chart

● #af5bd6 color description : Moderate violet.

The hexadecimal color #af5bd6 has RGB values of R:175, G:91, B:214 and CMYK values of C:0.18, M:0.57, Y:0, K:0.16. Its decimal value is 11492310.

Hex triplet	af5bd6	`#af5bd6`
RGB Decimal	175, 91, 214	`rgb(175,91,214)`
RGB Percent	68.6, 35.7, 83.9	`rgb(68.6%,35.7%,83.9%)`
CMYK	18, 57, 0, 16
HSL	281°, 60, 59.8	`hsl(281,60%,59.8%)`
HSV (or HSB)	281°, 57.5, 83.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.441, 54.071, -49.525
XYZ	33.556, 21.452, 65.988
xyY	0.277, 0.177, 21.452
CIE-LCH	53.441, 73.324, 317.513
CIE-LUV	53.441, 31.089, -82.948
Hunter-Lab	46.316, 48.269, -52.05
Binary	10101111, 01011011, 11010110

#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#82d65b
```
#82d65b rgb(130,214,91)
```

Complementary Color

#725bd6
```
#725bd6 rgb(114,91,214)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#d65bc0
```
#d65bc0 rgb(214,91,192)
```

Analogous Color

#5bd672
```
#5bd672 rgb(91,214,114)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#c0d65b
```
#c0d65b rgb(192,214,91)
```

Split Complementary Color

#5bd6af
```
#5bd6af rgb(91,214,175)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#d6af5b
```
#d6af5b rgb(214,175,91)
```

Triadic Color

#5b82d6
```
#5b82d6 rgb(91,130,214)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#d6af5b
```
#d6af5b rgb(214,175,91)
```
#82d65b
```
#82d65b rgb(130,214,91)
```

Tetradic Color

#8b2eb7
```
#8b2eb7 rgb(139,46,183)
```
#9b33cb
```
#9b33cb rgb(155,51,203)
```
#a547d1
```
#a547d1 rgb(165,71,209)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#b96fdb
```
#b96fdb rgb(185,111,219)
```
#c384e0
```
#c384e0 rgb(195,132,224)
```
#cd98e5
```
#cd98e5 rgb(205,152,229)
```

Monochromatic Color

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

#905bd6
```
#905bd6 rgb(144,91,214)
```
#9b5bd6
```
#9b5bd6 rgb(155,91,214)
```
#a55bd6
```
#a55bd6 rgb(165,91,214)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#b95bd6
```
#b95bd6 rgb(185,91,214)
```
#c45bd6
```
#c45bd6 rgb(196,91,214)
```
#ce5bd6
```
#ce5bd6 rgb(206,91,214)
```

Similar Colors

Text with hexadecimal color #af5bd6

This text has a font color of #af5bd6.

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

#af5bd6 background color

This paragraph has a background color of #af5bd6.

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

#af5bd6 border color

This element has a border color of #af5bd6.

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

CSS codes

.text {color:#af5bd6;}

.background {background-color:#af5bd6;}

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

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

#070209
```
#070209 rgb(7,2,9)
```
#130618
```
#130618 rgb(19,6,24)
```
#1e0a28
```
#1e0a28 rgb(30,10,40)
```
#2a0e38
```
#2a0e38 rgb(42,14,56)
```
#361247
```
#361247 rgb(54,18,71)
```
#421657
```
#421657 rgb(66,22,87)
```
#4e1a67
```
#4e1a67 rgb(78,26,103)
```
#5a1e76
```
#5a1e76 rgb(90,30,118)
```
#662286
```
#662286 rgb(102,34,134)
```
#722596
```
#722596 rgb(114,37,150)
```
#7e29a6
```
#7e29a6 rgb(126,41,166)
```
#8a2db5
```
#8a2db5 rgb(138,45,181)
```
#9631c5
```
#9631c5 rgb(150,49,197)
```

Shade Color Variation

#a03cce
```
#a03cce rgb(160,60,206)
```
#a74bd2
```
#a74bd2 rgb(167,75,210)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#b76bda
```
#b76bda rgb(183,107,218)
```
#be7ade
```
#be7ade rgb(190,122,222)
```
#c68ae2
```
#c68ae2 rgb(198,138,226)
```
#ce9ae6
```
#ce9ae6 rgb(206,154,230)
```
#d5a9ea
```
#d5a9ea rgb(213,169,234)
```
#ddb9ee
```
#ddb9ee rgb(221,185,238)
```
#e5c9f1
```
#e5c9f1 rgb(229,201,241)
```
#ecd9f5
```
#ecd9f5 rgb(236,217,245)
```
#f4e8f9
```
#f4e8f9 rgb(244,232,249)
```
#fcf8fd
```
#fcf8fd rgb(252,248,253)
```

Tint Color Variation

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

#9b929f
```
#9b929f rgb(155,146,159)
```
#9e8aa7
```
#9e8aa7 rgb(158,138,167)
```
#a182af
```
#a182af rgb(161,130,175)
```
#a37bb6
```
#a37bb6 rgb(163,123,182)
```
#a673be
```
#a673be rgb(166,115,190)
```
#a96bc6
```
#a96bc6 rgb(169,107,198)
```
#ac63ce
```
#ac63ce rgb(172,99,206)
```
#af5bd6
```
#af5bd6 rgb(175,91,214)
```
#b253de
```
#b253de rgb(178,83,222)
```
#b54be6
```
#b54be6 rgb(181,75,230)
```
#b843ee
```
#b843ee rgb(184,67,238)
```
#bb3bf6
```
#bb3bf6 rgb(187,59,246)
```
#bd34fd
```
#bd34fd rgb(189,52,253)
```

Tone Color Variation

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

Dichromacy

#3f82f1 Protanopia 1% of men
#5a86cc Deuteranopia 1% of men
#a47b84 Tritanopia 0.001% of the population

Trichromacy

#6774e7 Protanomaly 1% of men, 0.01% of women
#7976d0 Deuteranomaly 6% of men, 0.4% of women
#a86fa1 Tritanomaly 0.01% of the population

#af5bd6 hex color

#af5bd6 Color Information

#af5bd6 Color Conversion

Color Schemes with #af5bd6

Alternatives to #af5bd6

#af5bd6 Preview

Shades and Tints of #af5bd6

Tones of #af5bd6

Color Blindness Simulator