#af6bd5 hex color

In a RGB color space, hex #af6bd5 is composed of 68.6% red, 42% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 49.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 278.5 degrees, a saturation of 55.8% and a lightness of 62.7%. #af6bd5 color hex could be obtained by blending #ffd6ff with #5f00ab. Closest websafe color is: #9966cc.

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

● #af6bd5 color description : Slightly desaturated violet.

The hexadecimal color #af6bd5 has RGB values of R:175, G:107, B:213 and CMYK values of C:0.18, M:0.5, Y:0, K:0.16. Its decimal value is 11496405.

Hex triplet	af6bd5	`#af6bd5`
RGB Decimal	175, 107, 213	`rgb(175,107,213)`
RGB Percent	68.6, 42, 83.5	`rgb(68.6%,42%,83.5%)`
CMYK	18, 50, 0, 16
HSL	278.5°, 55.8, 62.7	`hsl(278.5,55.8%,62.7%)`
HSV (or HSB)	278.5°, 49.8, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.52, 45.61, -44.075
XYZ	34.945, 24.434, 65.823
xyY	0.279, 0.195, 24.434
CIE-LCH	56.52, 63.426, 315.98
CIE-LUV	56.52, 26.119, -74.333
Hunter-Lab	49.431, 39.687, -44.349
Binary	10101111, 01101011, 11010101

#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#91d56b
```
#91d56b rgb(145,213,107)
```

Complementary Color

#7a6bd5
```
#7a6bd5 rgb(122,107,213)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#d56bc6
```
#d56bc6 rgb(213,107,198)
```

Analogous Color

#6bd57a
```
#6bd57a rgb(107,213,122)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#c6d56b
```
#c6d56b rgb(198,213,107)
```

Split Complementary Color

#6bd5af
```
#6bd5af rgb(107,213,175)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#d5af6b
```
#d5af6b rgb(213,175,107)
```

Triadic Color

#6b91d5
```
#6b91d5 rgb(107,145,213)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#d5af6b
```
#d5af6b rgb(213,175,107)
```
#91d56b
```
#91d56b rgb(145,213,107)
```

Tetradic Color

#8d36be
```
#8d36be rgb(141,54,190)
```
#9a43ca
```
#9a43ca rgb(154,67,202)
```
#a457cf
```
#a457cf rgb(164,87,207)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#ba7fdb
```
#ba7fdb rgb(186,127,219)
```
#c493e0
```
#c493e0 rgb(196,147,224)
```
#cfa7e6
```
#cfa7e6 rgb(207,167,230)
```

Monochromatic Color

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

#956bd5
```
#956bd5 rgb(149,107,213)
```
#9d6bd5
```
#9d6bd5 rgb(157,107,213)
```
#a66bd5
```
#a66bd5 rgb(166,107,213)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#b86bd5
```
#b86bd5 rgb(184,107,213)
```
#c16bd5
```
#c16bd5 rgb(193,107,213)
```
#ca6bd5
```
#ca6bd5 rgb(202,107,213)
```

Similar Colors

Text with hexadecimal color #af6bd5

This text has a font color of #af6bd5.

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

#af6bd5 background color

This paragraph has a background color of #af6bd5.

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

#af6bd5 border color

This element has a border color of #af6bd5.

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

CSS codes

.text {color:#af6bd5;}

.background {background-color:#af6bd5;}

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

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 #f9f5fc is the lightest one.

#040105
```
#040105 rgb(4,1,5)
```
#0f0614
```
#0f0614 rgb(15,6,20)
```
#1a0a23
```
#1a0a23 rgb(26,10,35)
```
#260e33
```
#260e33 rgb(38,14,51)
```
#311342
```
#311342 rgb(49,19,66)
```
#3c1751
```
#3c1751 rgb(60,23,81)
```
#481b60
```
#481b60 rgb(72,27,96)
```
#532070
```
#532070 rgb(83,32,112)
```
#5e247f
```
#5e247f rgb(94,36,127)
```
#6a288e
```
#6a288e rgb(106,40,142)
```
#752d9e
```
#752d9e rgb(117,45,158)
```
#8031ad
```
#8031ad rgb(128,49,173)
```
#8c35bc
```
#8c35bc rgb(140,53,188)
```

Shade Color Variation

#963dc8
```
#963dc8 rgb(150,61,200)
```
#9e4ccc
```
#9e4ccc rgb(158,76,204)
```
#a75cd1
```
#a75cd1 rgb(167,92,209)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#b77ad9
```
#b77ad9 rgb(183,122,217)
```
#c08ade
```
#c08ade rgb(192,138,222)
```
#c899e2
```
#c899e2 rgb(200,153,226)
```
#d0a8e6
```
#d0a8e6 rgb(208,168,230)
```
#d8b7eb
```
#d8b7eb rgb(216,183,235)
```
#e1c7ef
```
#e1c7ef rgb(225,199,239)
```
#e9d6f3
```
#e9d6f3 rgb(233,214,243)
```
#f1e5f8
```
#f1e5f8 rgb(241,229,248)
```
#f9f5fc
```
#f9f5fc rgb(249,245,252)
```

Tint Color Variation

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

#a19ea2
```
#a19ea2 rgb(161,158,162)
```
#a397a9
```
#a397a9 rgb(163,151,169)
```
#a590b0
```
#a590b0 rgb(165,144,176)
```
#a788b8
```
#a788b8 rgb(167,136,184)
```
#a981bf
```
#a981bf rgb(169,129,191)
```
#ab7ac6
```
#ab7ac6 rgb(171,122,198)
```
#ad72ce
```
#ad72ce rgb(173,114,206)
```
#af6bd5
```
#af6bd5 rgb(175,107,213)
```
#b164dc
```
#b164dc rgb(177,100,220)
```
#b35ce4
```
#b35ce4 rgb(179,92,228)
```
#b555eb
```
#b555eb rgb(181,85,235)
```
#b74ef2
```
#b74ef2 rgb(183,78,242)
```
#b946fa
```
#b946fa rgb(185,70,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#92859a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8aea Protanopia 1% of men
#6c8dce Deuteranopia 1% of men
#a5858e Tritanopia 0.001% of the population

Trichromacy

#7c7fe2 Protanomaly 1% of men, 0.01% of women
#8480d0 Deuteranomaly 6% of men, 0.4% of women
#a97ba8 Tritanomaly 0.01% of the population

#af6bd5 hex color

#af6bd5 Color Information

#af6bd5 Color Conversion

Color Schemes with #af6bd5

Alternatives to #af6bd5

#af6bd5 Preview

Shades and Tints of #af6bd5

Tones of #af6bd5

Color Blindness Simulator