#af6ad5 hex color

In a RGB color space, hex #af6ad5 is composed of 68.6% red, 41.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 50.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 278.7 degrees, a saturation of 56% and a lightness of 62.5%. #af6ad5 color hex could be obtained by blending #ffd4ff 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

● #af6ad5 color description : Moderate violet.

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

Hex triplet	af6ad5	`#af6ad5`
RGB Decimal	175, 106, 213	`rgb(175,106,213)`
RGB Percent	68.6, 41.6, 83.5	`rgb(68.6%,41.6%,83.5%)`
CMYK	18, 50, 0, 16
HSL	278.7°, 56, 62.5	`hsl(278.7,56%,62.5%)`
HSV (or HSB)	278.7°, 50.2, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	56.314, 46.142, -44.4
XYZ	34.842, 24.227, 65.788
xyY	0.279, 0.194, 24.227
CIE-LCH	56.314, 64.035, 316.102
CIE-LUV	56.314, 26.465, -74.858
Hunter-Lab	49.221, 40.218, -44.792
Binary	10101111, 01101010, 11010101

#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#90d56a
```
#90d56a rgb(144,213,106)
```

Complementary Color

#7a6ad5
```
#7a6ad5 rgb(122,106,213)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#d56ac6
```
#d56ac6 rgb(213,106,198)
```

Analogous Color

#6ad57a
```
#6ad57a rgb(106,213,122)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#c6d56a
```
#c6d56a rgb(198,213,106)
```

Split Complementary Color

#6ad5af
```
#6ad5af rgb(106,213,175)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#d5af6a
```
#d5af6a rgb(213,175,106)
```

Triadic Color

#6a90d5
```
#6a90d5 rgb(106,144,213)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#d5af6a
```
#d5af6a rgb(213,175,106)
```
#90d56a
```
#90d56a rgb(144,213,106)
```

Tetradic Color

#8d35bd
```
#8d35bd rgb(141,53,189)
```
#9a42ca
```
#9a42ca rgb(154,66,202)
```
#a456cf
```
#a456cf rgb(164,86,207)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#ba7edb
```
#ba7edb rgb(186,126,219)
```
#c492e0
```
#c492e0 rgb(196,146,224)
```
#cfa6e6
```
#cfa6e6 rgb(207,166,230)
```

Monochromatic Color

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

#946ad5
```
#946ad5 rgb(148,106,213)
```
#9d6ad5
```
#9d6ad5 rgb(157,106,213)
```
#a66ad5
```
#a66ad5 rgb(166,106,213)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#b86ad5
```
#b86ad5 rgb(184,106,213)
```
#c16ad5
```
#c16ad5 rgb(193,106,213)
```
#ca6ad5
```
#ca6ad5 rgb(202,106,213)
```

Similar Colors

Text with hexadecimal color #af6ad5

This text has a font color of #af6ad5.

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

#af6ad5 background color

This paragraph has a background color of #af6ad5.

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

#af6ad5 border color

This element has a border color of #af6ad5.

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

CSS codes

.text {color:#af6ad5;}

.background {background-color:#af6ad5;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0e0513
```
#0e0513 rgb(14,5,19)
```
#1a0a23
```
#1a0a23 rgb(26,10,35)
```
#250e32
```
#250e32 rgb(37,14,50)
```
#311241
```
#311241 rgb(49,18,65)
```
#3c1751
```
#3c1751 rgb(60,23,81)
```
#471b60
```
#471b60 rgb(71,27,96)
```
#531f6f
```
#531f6f rgb(83,31,111)
```
#5e247e
```
#5e247e rgb(94,36,126)
```
#6a288e
```
#6a288e rgb(106,40,142)
```
#752c9d
```
#752c9d rgb(117,44,157)
```
#8031ac
```
#8031ac rgb(128,49,172)
```
#8c35bc
```
#8c35bc rgb(140,53,188)
```

Shade Color Variation

#963cc8
```
#963cc8 rgb(150,60,200)
```
#9f4bcc
```
#9f4bcc rgb(159,75,204)
```
#a75bd1
```
#a75bd1 rgb(167,91,209)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#b779d9
```
#b779d9 rgb(183,121,217)
```
#bf89de
```
#bf89de rgb(191,137,222)
```
#c898e2
```
#c898e2 rgb(200,152,226)
```
#d0a7e6
```
#d0a7e6 rgb(208,167,230)
```
#d8b7eb
```
#d8b7eb rgb(216,183,235)
```
#e0c6ef
```
#e0c6ef rgb(224,198,239)
```
#e9d5f3
```
#e9d5f3 rgb(233,213,243)
```
#f1e4f8
```
#f1e4f8 rgb(241,228,248)
```
#f9f4fc
```
#f9f4fc rgb(249,244,252)
```

Tint Color Variation

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

#a09da2
```
#a09da2 rgb(160,157,162)
```
#a296a9
```
#a296a9 rgb(162,150,169)
```
#a48fb0
```
#a48fb0 rgb(164,143,176)
```
#a687b8
```
#a687b8 rgb(166,135,184)
```
#a980bf
```
#a980bf rgb(169,128,191)
```
#ab79c6
```
#ab79c6 rgb(171,121,198)
```
#ad71ce
```
#ad71ce rgb(173,113,206)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#b163dc
```
#b163dc rgb(177,99,220)
```
#b35be4
```
#b35be4 rgb(179,91,228)
```
#b554eb
```
#b554eb rgb(181,84,235)
```
#b84df2
```
#b84df2 rgb(184,77,242)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```

Tone Color Variation

Below, you can see how #af6ad5 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
#92849a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8aea Protanopia 1% of men
#6b8cce Deuteranopia 1% of men
#a5848d Tritanopia 0.001% of the population

Trichromacy

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

#af6ad5 hex color

#af6ad5 Color Information

#af6ad5 Color Conversion

Color Schemes with #af6ad5

Alternatives to #af6ad5

#af6ad5 Preview

Shades and Tints of #af6ad5

Tones of #af6ad5

Color Blindness Simulator